Using jQuery Validation to check for checked checkboxes

Question

I have a input type of checkbox in my form, and I want to use jQuery Validation: http://docs.jquery.com/Plugins/Validation

I have it working fine on a dozen other forms of mine, but none of those forms have checkboxes. How can I check to make sure that a checkbox is checked using this plugin?

Currently I have it as such:

...
termsConditions: {
    required: true
}
...

<input type="checkbox" id="termsConditions" name="termsConditions"/> I agree to the <a href="terms">terms and conditions</a>
<label style="float: none;" for="termsConditions" class="error" generated="true"></label>

Nothing happens when I try to validate for it. Any help?

Mark Coleman · Accepted Answer · 2011-04-07 21:45:39Z

4

use "required"

$("#signupForm").validate({
    rules:{
        termsConditions : "required"
    }
});

Or you can simply add the class "required" to your check box.

<input type="checkbox" id="termsConditions" class="required" name="termsConditions"/>

Example on jsfiddle

answered Apr 7, 2011 at 21:45

Mark Coleman

40.9k9 gold badges84 silver badges101 bronze badges

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

4 Comments

Mark Coleman Over a year ago

@Sennheiser using "required" or adding the class "required" should work, if not please post more of your html and .validate() options to see if something else is causing issues.

AKor Over a year ago

I know why the error is occurring. I have another form right before the checkbox, which may have the validator confused. I switched the order of that form and my checkbox, and it works now.

CMS Over a year ago

is it possible to add a custom message to that?

user5871859 Over a year ago

@MarkColeman How about red validation message below the checkbox?

smilly92 · Accepted Answer · 2013-12-17 06:28:48Z

1

Another possible cause might be that the checkbox field was not visible. Validation will be skipped on any hidden inputs.

If you want it to validate hidden fields you can set the ignore option to something other that ignore: 'hidden'.

$('#form').validate({
    ignore: []
});

answered Dec 17, 2013 at 6:28

smilly92

2,4532 gold badges24 silver badges43 bronze badges

1 Comment

Bruno Pitteli Gonçalves Over a year ago

When you use custom style for inputs, this may the problem. Perfect answer

Collectives™ on Stack Overflow

Using jQuery Validation to check for checked checkboxes

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related