jquery - jQueryはクラスルールが機能していないことを検証します

Question

jquery.validatorのドキュメントに記載されているようなクラスルールを定義できないのはなぜですか？

Jsfiddle

私の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

Validateプラグインを使用するには、inputフィールドに属性が必要です。nameそれはあなたのフィドルに欠けています。

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

jsFiddle

Answer 2

元のjsFiddleを無視すると、この回答は、投稿されたコードで質問に答えるだけです。

メソッドを使用するOPのコードでは、入力要素内で属性addClassRulesを使用する必要があります...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/