jQuery验证,自定义规则使用所需的方法不起作用

时间:2014-12-05 16:12:42

标签: jquery jquery-validate

我想创建一个自定义验证规则,它使用一些不同的方法来检查输入。其中之一是required规则。

但代码不起作用。它忽略空输入并说它们是有效的。

代码:

$("#test-form").validate({
    rules: {
        test: {
            required: true
        }
    }
});

直播示例:http://jsfiddle.net/u5now2e5/

怎么了?请注意,我不想使用required css类。因为它取决于其他一些领域。

1 个答案:

答案 0 :(得分:0)

您必须在输入中具有唯一的name属性;当您在.validate()中声明规则时,只能通过name属性引用它。

<input type="text" id="input-1" class="test" name="test" />

jQuery的:

$("#test-form").validate({
    rules: {
        test: {  // <- NAME of input field
            required: true
        }
    }
});

http://jsfiddle.net/u5now2e5/2/


创建一个&#34; custom&#34;规则,你会使用the .addMethod() method。但同样,每个输入仍必须具有唯一的name属性,并且当您在.validate()中声明规则时,它只能由name引用。