jquery - jquery.validate：使用动态名称验证输入文本

Question

我目前正在使用 jquery.validate.js 插件，我非常喜欢它！我现在正在使用它来验证现有的 jsp 页面（我没有制作），而且它真的很容易使用。但是，我偶然发现了使用动态名称验证输入文本的问题。

这是 div 的当前布局：

<input type="text" name="employee[0].firstName"/>

<input type="text" name="employee[1].firstName"/>

<input type="text" name="employee[2].firstName"/>

<input type="text" name="employee[3].firstName"/>

还有一个选项，用户可以通过单击“添加新文本字段”来创建另一个员工的名字文本字段。这样，将创建另一个文本字段name="employee[4].firstName"

我如何验证这样的字段？

Answer 1

您可以使用通配符来获取所有带有员工姓名的输入。

现场演示

$('input[name^=employee]').each(function(){
  alert("Validate here"+ $(this).attr('name'));
        //validate here
});

Answer 2

尝试使用尽可能具体的选择器name。您可以同时使用 jQuery 的以 selector(^=) 开头和 jQuery 的以 selector($=) 结尾

$('input[name^="employee["][name$="].firstName"]').each(function(){
    // demo purpose: prints each element's name to the console log
    console.log(this.name);

    // enter your validation for each element in here.
})​

演示