JQuery验证插件 - 无法验证类

Question

我正在尝试使用jQuery验证插件来验证类而不是ID。尽管有许多看起来接近解决此问题的线程，但我无法使它们中的任何一个起作用。我只是有一个表单，其中有很多动态生成的重复表单字段，因此自然而然地我不能为ID添加规则，因为不知道会有多少个ID。因此，我想只针对输入字段上的类。

<input type="text" id="name1" class="fileName" />
<input type="text" id="name2" class="fileName" />
<input type="text" id="name3" class="fileName" />
<input type="text" id="name4" class="fileName" />

我该如何定位“fileName”类？我尝试了以下代码：

$(document).ready(function(){
    $.validator.addClassRules({
        fileName:{
        required: true
    }
    });
    $("#myForm").validate();
});

但这完全不起作用 :(

有任何想法吗？有人可以帮忙吗？

- flyagaricus

---

你的表单的其余部分在哪里？ - mcgrailm

Answer 1

您需要在每个元素上指定一个name属性，以便验证器可以识别它：

<form action="#">
    <input type="text" id="name1" class="fileName" name="name1" />
    <input type="text" id="name2" class="fileName" name="name2"/>
    <input type="text" id="name3" class="fileName" name="name3"/>
    <input type="text" id="name4" class="fileName" name="name4"/>
</form>

这是一个可运行的例子：http://jsfiddle.net/Nbcj9/

- Andrew Whitaker

---

顺便提一下，输入不应该是没有父级形式的 8 ^ ) - mcgrailm

@mcgrailm：同意，我只是假设原帖作者已经以某种形式拥有它们 :) - Andrew Whitaker

Answer 2

根据文档，这应该可以工作：

jQuery.validator.addClassRules('classNameHere', {
  required: true
});

然后，您可以通过调用以下方法来确定字段是否有效：

$('.fileName').valid();

以下是链接至文档的内容

- Aaron Hill

---

类名不应以句点开头。 - CharliePrynn

Answer 3

这个怎么样：

$(".fileName").validate();

- Naftali

---

当validate在一个表单元素上被调用时……这会如何工作？ - Andrew Whitaker