Javascript 输入数组不工作的jQuery验证_Javascript_Jquery_Html

Javascript 输入数组不工作的jQuery验证

javascript jquery html

Javascript 输入数组不工作的jQuery验证,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用jQuery验证输入数组中的输入（姓名、年龄和职务）。但是，在提交表单时，我的代码不会验证所有空输入字段，而只验证第一行输入。请参见下图：有人能告诉我javascript代码中的错误吗 Javascript function add_row() { $rowno=jQuery("#employee_table tr").length; $rowno=$rowno+1; jQuery("#employee_table tr:last").after(

我正在尝试使用jQuery验证输入数组中的输入（姓名、年龄和职务）。但是，在提交表单时，我的代码不会验证所有空输入字段，而只验证第一行输入。请参见下图：

有人能告诉我javascript代码中的错误吗

Javascript

function add_row()
{
    $rowno=jQuery("#employee_table tr").length;
    $rowno=$rowno+1;
    jQuery("#employee_table tr:last").after(
        "<tr id='row"+$rowno+"'>"+
            "<td><input type='text' name='names[]' placeholder='Name'></td>"+
            "<td><input type='text' name='ages[]' placeholder='Age'></td>"+
            "<td><input type='text' name='jobs[]' placeholder='Job'></td>"+
            "<td><input type='button' value='DELETE' onclick=delete_row('row"+$rowno+"')></td>"+
        "</tr>");

}
function delete_row(rowno)
{
    jQuery('#'+rowno).remove();
}

jQuery(document).ready(function() {
  jQuery("form[name='registration']").validate({
    rules: {
      'names[]': "required",
      'ages[]': "required",
      'jobs[]':"required",
    messages: {
      'names[]':{required : "Please enter your name"},
      'ages[]': {required : "Please enter your age"},
      'jobs[]': {required : "Please enter your job"},
    },
    submitHandler: function(form) {
      form.submit();
    }
  }
  });
});

函数添加_行（）
{
$rowno=jQuery（“#employee_table tr”）.length；
$rowno=$rowno+1；
jQuery（“#employee_table tr:last”）。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行（行号）
{
jQuery（“#”+rowno）.remove（）；
}
jQuery（文档）.ready（函数（）{
jQuery（“表单[name='registration']）。验证({
规则：{
“名称[]”：“必需”，
“ages[]”：“必需”，
'作业[]'：“必需”，
信息：{
'names[]'：{required:“请输入您的姓名”}，
'年龄[]'：{必填：“请输入您的年龄”}，
'作业[]'：{必需：“请输入您的作业”}，
},
submitHandler:函数（表单）{
表单提交（）；
}
}
});
});

HTML

<html>
    <header>
    </header>
        <body>
        <div id="wrapper">
            <div id="form_div">
             <form method="post" action="/store-detail/" name="registration">
             <center>
              <table id="employee_table" align=center>
               <tr id="row1">
                <td><input type="text" name="names[]" placeholder="Name"></td>
                <td><input type="text" name="ages[]" placeholder="Age"></td>
                <td><input type="text" name="jobs[]" placeholder="Job"></td>
               </tr>
              </table>
              </center>
              <input type="button" onclick="add_row();" value="ADD ROW">
              <input type="submit" name="submit_row" value="SUBMIT">
             </form>
            </div>
        </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script>
        </body>
</html>

既然您只“需要”这些文件，为什么不使用

required

关键字：

<input type='text' name='jobs[]' placeholder='Job' required>

这应该比导入插件容易得多

对于您遇到的问题-我怀疑这是jquery插件的问题。你可以提出一个问题

关于如何验证输入字段，您也可以看到这一点。

可能重复的请添加一些详细信息-您如何复制该问题？@JinhuaWang我已附上一张我收到的错误图像。