jquery - 为大型表单高效创建规则

Question

我正在使用jQuery validate plugin验证具有很多字段的表单:

<td><input name="first_name0"></td>
<td><input name="last_name0"></td>
<td><input name="age0"></td>
<td><input name="first_name1"></td>
<td><input name="last_name1"></td>
<td><input name="age1"></td>
<td><input name="first_name2"></td>
<td><input name="last_name2"></td>
<td><input name="age2"></td>
...
<td><input name="first_name200"></td>
<td><input name="last_name200"></td>
<td><input name="age200"></td>

向所有相同字段添加验证规则的最佳方法是什么？目前我正在添加这样的规则，但是在 100 行之后速度非常慢。

$("input[name*=age]").each(function(i) {
    $(this).rules("add", {
        digits: true
    });
});

$("input[name*=first_name], input[name*=last_name]").each(function(i) {
    $(this).rules("add", {
        digits: true
    });
});

Answer 1

不需要循环，它将对查询集进行操作，如下所示:

$("input").filter("[name*=age], [name*=first_name], [name*=last_name]")
          .rules("add", {
             digits: true
          });

给他们一个类会更容易维护，例如:

<td><input name="first_name0" class="digits"></td>
<td><input name="last_name0" class="digits"></td>
<td><input name="age0" class="digits"></td>

那么你可以这样做:

$("input.digits").rules("add", {
  digits: true
});