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

但这根本不起作用:(

有什么想法吗？有人吗？

Answer 1

您需要在每个 input 元素上指定一个 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/