jquery - jQuery Validate 类规则不起作用

Question

为什么定义像 jquery.validator 文档中记录的类规则不起作用？

提琴手

我的 javascript

jQuery.validator.addClassRules('foo', {
    required: true,
    digits: true
});
jQuery('#test').validate({
    rules: {
        field: 'foo'
    }
});

我的html

<form id="test">
    <input type="text">
</form>

Answer 1

您的input字段必须具有name与 Validate 插件一起使用的属性。它在你的小提琴中丢失了。

<input id="2" name="numberVal" class="numberVal" type="text" />

jsFiddle

Answer 2

忽略您原来的 jsFiddle，这个答案只是用发布的代码回答了这个问题。

使用该addClassRules方法的 OP 中的代码要求您使用class输入元素中的属性...

HTML：

<form id="test">
    <input name="field" type="text" class="foo" />
    <input type="submit" />
</form>

jQuery :

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

jQuery('#test').validate({
    // your other options
});

演示：http: //jsfiddle.net/G4rb3/1/