Question

如何实现输入textarea的多个值的错误检查？我需要确保输入的值在提交表单之前使用逗号作为分隔符。

Answer 1

您可以使用

value.split(",")

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

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

检查是否输入了逗号。应该很高兴让你入门。

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

Working example here

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";
        }
    }

具有多个值的Textarea的JavaScript表单验证

2 个答案: