具有多个值的文本区域的 JavaScript 表单验证

Question

如何对输入到文本区域中的多个值进行错误检查？我需要确保输入的值在提交表单之前使用逗号作为分隔符。

Answer 1

您可以使用

value.split(",")

分隔每个单词并单独验证它们，并且

value.split(",").length < 2

以检查是否输入了逗号。应该很好让你开始。

更新：我已经用您的新输入更新了小提琴。它包括检查逗号之前或之后的空输入，并在验证之前删除空格

这里的工作示例

Answer 2

下面是一个示例实现：

标记

    <textarea id="textarea" placeholder="comma separated values"></textarea>
    <span id="msg"></span>
    <br>
    <button onclick="submit()">Submit</button>

脚本

     function isValid() {
        var value = document.getElementById("textarea").value;
        var values = value.split(',');
        if(values.length > 0 && values.length < 5){
             for(var i =0;i<values.length;i++);{
                if(parseInt(values[i]) === NaN) return false;
             }
            return true;
        }
        return false;
    }
    function submit(){
        if(isValid()){
            document.getElementById("msg").innerText = "Valid";
         //submit the form    
        } else {
        document.getElementById("msg").innerText = "not a valid input";
        }
    }