javascript - jQuery Validate checkbox checked required?

Question

I'm using jQuery Validation plugin to validate a form.

The problem is that I can't find a way to validate if a single checkbox in my form is checked

HTML markup:

<label for="terms">terms : </label>
<input type="checkbox" name="terms" id="terms">

jQuery code:

rules: {
    terms: "required"
},
messages:{
    terms: "check the checbox"
}

Any help would be appreciated.

Answer 1

Maybe your checkbox has css style

display: none

Replace it with

visibility: hidden;
width: 0;

It helped to me.