jQuery checkbox validation

Question

I'm using the jQuery code below to validate a form. Now it all works great but I would like for the checkbox validation to use the .validator rather than its current alert, but when I add required="required" to the checkbox input boxes, I get messages for all of the checkboxes, whereas I only need one.

$("#request-form").validator({
    message: '<div><em/></div>',
    position: 'top left',
    offset: [3, 40]
});

$("#see").overlay({mask: '#999', fixed: false}).bind("onBeforeClose", function(e) {
    $(".error").hide();
});

$('#request-form').submit(function(){
    if(!$('#request-form input[type="checkbox"]').is(':checked')){
        alert("Please check at least one.");
        return false;
    }
});

Hope this makes sense. Thanks in advance. S

This is a bit out of topic, but don't forget that on the server side you still have to test the whole result, because it may not have been filtered and you still may get unpredictable things in your request (i.e. request sent by hackers ). — Olivier Pons
– Olivier Pons, Commented Oct 14, 2010 at 12:03
I am relatively new to jQuery and selectorsm, but isn't there a way to define more specific jQuery selector for a particular checkbox only instead of all checkboxes in the form? Hope I am not pushing you in the wrong track. — Dick Lampard
– Dick Lampard, Commented Oct 14, 2010 at 12:11
What plugin are you using for this? It isn't the standard validation plugin... — lonesomeday
– lonesomeday, Commented Oct 14, 2010 at 12:17

mcgrailm · Accepted Answer · 2018-12-25 03:52:44Z

5

Here is some code that will work with the JQuery Validation Plugin. I'm not sure if this will work with what you're using because I've never heard of it.

$("#request-form").validate({
    rules: {
        checkbox: { 
        required: 'input[type="checkbox"]:checked',
        minlength: $('input[type="checkbox"]').length()
        }
    },
    messages: {
        checkbox: "Please check at least one.",
    }
});

HTH

edited Dec 25, 2018 at 3:52

answered Oct 14, 2010 at 12:52

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

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

1 Comment

mcgrailm Over a year ago

replaced link , thoank you

Collectives™ on Stack Overflow

jQuery checkbox validation

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related