JQuery验证插件 - 无法验证类

Question

我正在尝试使用jQuery validate插件来验证类而不是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();
});

但这根本不起作用:(

有任何想法吗？任何人？

Answer 1

您需要name在每个input元素上指定一个属性,以便验证者获取它:

<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/

Answer 2

根据文档,这应该工作:

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

然后,您可以通过调用以确定字段是否有效:

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

这是文档的链接

Answer 3

关于什么：

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