JS验证逗号隔开可以是中文字母数字

2023年6月10日下午9:48 • JavaScript

JS验证逗号隔开可以是中文字母数字，一般用于输入框中输入多个值，用逗号隔开这种需求。下面是一个使用 JavaScript 进行验证的完整攻略：

1. 正则表达式验证

为验证输入的内容是否符合要求，可以使用正则表达式进行验证。下面的正则表达式可以验证输入的内容是否为逗号隔开的中文字母数字组合：

/^[a-zA-Z0-9\u4e00-\u9fa5]+(,[a-zA-Z0-9\u4e00-\u9fa5]+)*$/

该正则表达式中使用了 [] 表示中括号中的字符都是被允许输入的字符。其中 a-z 表示小写字母，A-Z 表示大写字母，0-9 表示数字。被限制为中文的字符范围是 [\u4e00-\u9fa5]。

下面是一个示例 HTML 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例：逗号隔开的中文字母数字输入框</title>
    <script type="text/javascript">
        function checkInput() {
            var inputElement = document.getElementById("input");
            var value = inputElement.value;
            var pattern = /^[a-zA-Z0-9\u4e00-\u9fa5]+(,[a-zA-Z0-9\u4e00-\u9fa5]+)*$/;
            if (pattern.test(value)) {
                alert("输入合法！");
            } else {
                alert("输入不合法，请重新输入！");
            }
        }
    </script>
</head>
<body>
<h1>示例：逗号隔开的中文字母数字输入框</h1>
<label>请输入逗号隔开的中文字母数字：</label>
<input type="text" id="input">
<button onclick="checkInput()">验证</button>
</body>
</html>

该示例中包含一个文本框和一个验证按钮。当点击验证按钮时，会调用 checkInput() 函数，该函数会获取输入框的值，然后使用正则表达式进行验证。

2. 使用 split() 函数分割字符串

对于逗号隔开的中文字母数字组合，还可以使用 JavaScript 中的 split() 函数进行分割。split() 函数可以将字符串根据指定的分隔符进行分割，并返回一个数组。

下面是一个示例 HTML 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例：逗号隔开的中文字母数字输入框</title>
    <script type="text/javascript">
        function checkInput() {
            var inputElement = document.getElementById("input");
            var value = inputElement.value;
            var values = value.split(",");
            var flag = true;
            for (var i = 0; i < values.length; i++) {
                var pattern = /^[a-zA-Z0-9\u4e00-\u9fa5]+$/;
                if (!pattern.test(values[i])) {
                    flag = false;
                    break;
                }
            }
            if (flag) {
                alert("输入合法！");
            } else {
                alert("输入不合法，请重新输入！");
            }
        }
    </script>
</head>
<body>
<h1>示例：逗号隔开的中文字母数字输入框</h1>
<label>请输入逗号隔开的中文字母数字：</label>
<input type="text" id="input">
<button onclick="checkInput()">验证</button>
</body>
</html>

该示例中，checkInput() 函数首先使用 split() 函数将输入框中的内容分割成为一个数组，然后对于数组中的每个元素使用正则表达式进行验证。如果存在不合法的元素，则认为整个输入不合法。否则认为整个输入合法。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：JS验证逗号隔开可以是中文字母数字 - Python技术站