javascript - jquery 验证文本输入数组仅验证第一个字段

Question

这个问题已经有答案了:

validating multiple textbox having same name with jquery validator validates only first input (4 个回答)

已关闭 5 年前。

我有一组文本框来收集 5 个电子邮件地址。我已经使用 jQuery validate 来验证表单以接受电子邮件地址，不幸的是它仅验证第一个字段。

尽管其余字段出现错误消息，但它允许表单提交。我需要解决此问题的 native 解决方案。

这是代码片段:

$(document).ready(function(){
   $('#myform').validate({
       rules:{
          "foo[]":{
               required:true,
               email:true
                }
       },
       messages:{
          "foo[]":{
               required:"required",
               number:'only numbers!!!'
                }
            }
        });
    });

这是表格:

 <form method="post" action="" id="myform">
        <input type="text" name="foo[]" value="">
        <input type="text" name="foo[]" value="">
        <input type="text" name="foo[]" value="">
        <input type="text" name="foo[]" value="">
        <input type="text" name="foo[]" value="">
        <input type="image" name="bar">
    </form>

Answer 1

这是修复程序。您可以使用 Jquery 每个函数

$(document).ready(function(){
      $('#myform').validate({ // initialize the plugin
          // other options
      });

            $("[name^=foo]").each(function () {
            $(this).rules("add", {
                required: true,
                email:true,
                messages: {
                     required:"required"
                }
            });
        });
    });

表单应如下所示:

    <form method="post" action="" id="myform">
        <input type="text" name="foo[1]">
        <input type="text" name="foo[2]">
        <input type="text" name="foo[3]">
        <input type="text" name="foo[4]">
        <input type="text" name="foo[5]">
    </form>