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();

以下是the docs

的链接

Answer 3

怎么样：

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

JQuery验证插件 - 无法验证类

3 个答案: