jQuery Validate classrules not working

Question

Why doesn't it work to define classrules like documented in the jquery.validator documentation?

My javascript

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

My html

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

Think about the confusion of future readers who see an accepted answer telling you to add a name attribute to an element that already contains a name attribute. If you don't want to accept the technically correct answer, at least post your own and accept that instead. Thank-you. — Sparky
– Sparky, Commented Mar 13, 2013 at 21:37

adamdehaven · Accepted Answer · 2013-03-13 15:17:29Z

2

Your input fields MUST have the name attribute to work with the Validate plugin. It's missing in your fiddle.

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

jsFiddle

answered Mar 13, 2013 at 15:17

adamdehaven

5,92010 gold badges64 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

mayrs Over a year ago

I don't get your point. You have my fiddle and code above, could you edit it as stated in your post?

mayrs Over a year ago

I attached the wrong fiddle, sorry. This is my markup, where shall I add a name attribute? There is just one input field? <input name="field" type="text">

Sparky Over a year ago

@junior, check your jsFiddle. It does not match your OP... which one do you want fixed?

mayrs Over a year ago

I totally messed up the post. The correct fiddle is updated in my post now.

Sparky Over a year ago

@junior, this answer is correct but also has nothing to do with the code in your question and jsFiddle. The future reader is going to be really lost since there's already a name attribute in the OP.

Sparky · Accepted Answer · 2013-03-13 21:33:15Z

1

Ignoring your original jsFiddle, this answer simply answers the question with the code as it's posted.

The code in your OP, using the addClassRules method, requires that you use the class attribute within the input element...

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

DEMO: http://jsfiddle.net/G4rb3/1/

edited Mar 13, 2013 at 21:33

answered Mar 13, 2013 at 15:27

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

Collectives™ on Stack Overflow

jQuery Validate classrules not working

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related