jquery validation plugin with select and checkbox

Question

This is how I use jquery validation plugin wit input text:

$('input[id$=txtFirstname]').rules('add', { required: true });

and it works, but if want to use it for checkboxes and select it doesn't work...

$('input[id$=txtFirstname]').rules('add', { required: true, minlength: 2 });

What selector are you using to access the checkboxes/selects? — ipr101
– ipr101, Commented Sep 8, 2011 at 11:43

Ghazanfar Mir · Accepted Answer · 2011-09-08 11:49:08Z

1

Try using:

<form id='signupForm'>
    <input type='checkbox' name='topic' value='1'>Topic1
    <input type='checkbox' name='topic' value='2'>Topic2
    <input type='checkbox' name='topic' value='3'>Topic3
    </form>

$().ready(function() {
$("#signupForm").validate({
        rules: {
            topic: {
                required: "#newsletter:checked",
                minlength: 2
            },
},
messages: {
            topic: "you must select atleast 2 checkboxes"
}
});

answered Sep 8, 2011 at 11:49

Ghazanfar Mir

3,5412 gold badges28 silver badges42 bronze badges

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

2 Comments

jasin_89 Over a year ago

Yes, that works for check boxes, but doesn't for select: $('input[id$=ddlCountries]').rules('add', { required: 'input[id$ = ddlCountries]:selected' });

Ghazanfar Mir Over a year ago

For select you could use class='required' ??

Collectives™ on Stack Overflow

jquery validation plugin with select and checkbox

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related