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

您可以使用通配符获取名称为employee的所有输入。

<强> Live Demo

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

Answer 2

尝试尽可能使用特定于所需name的选择器。你可以一起使用jQuery的starts with selector(^=)和jQuery的ends with 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.
})

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

2 个答案:

DEMO