jQuery Validate - Multiple Rules per Element?

Question

I have a form which I would like to validate certain fields as being required as well as being digits. I'm having trouble figuring out how to apply both rules to said fields.

Currently here is how I am applying only the required rule, displaying the message in a span I have built into my form.

    if (jQuery.validator) {
    jQuery.validator.setDefaults({
        errorPlacement: function (error, element) {
            error.appendTo('#invalid-' + element.attr('id'));
        }
    });
}

$("#UserInputs").validate();


<label for="AvgGroupSize">Average Group Size:</label><br />
<span id="invalid-AvgGroupSize"></span>
<input type='text' id='AvgGroupSize' class='required' size='4' value='15'/> EEA's

How would I able to add a second validation rule (digits) to this field?

Thank you.

It does work, I didn't realize that was an option. Thank you. — noclist
– noclist, Commented Nov 13, 2012 at 14:39

RAS · Accepted Answer · 2012-11-12 22:14:51Z

1

You just need to add a class to your input:
<input type='text' id='AvgGroupSize' class='required digits' size='4' value='15'/> EEA's

if digits validation class doesn't exist yet you need to add i through: Add Class Rules

Another option might be is just adding rules to your input.

something like this:

$("#AvgGroupSize").rules("add", {
 minlength: 2
});

1 Comment

noclist Over a year ago

Great, I didn't even realize you could add multiple classes to elements in HTML, much less being able to do it with a jQuery plugin. Thanks a lot!

Collectives™ on Stack Overflow

jQuery Validate - Multiple Rules per Element?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related