How to validate a form with multiple checkboxes to have atleast one checked

Question

I'm trying to validate a form using the validate plugin for jquery. I want to require that the user check at least one checkbox in a group in order for the form to be submitted. Here's my jquery code:

$().ready(function() {
$("#subscribeForm").validate({
   rules:   { list: {required: "#list0:checked"} },
   messages:  { list:  "Please select at least one newsletter"}                                                        
 });
 });

and here's the html form:



    zero
    one
    two

The problem is that the form submits even if nothing is checked. How can I resolve this?

user_341955 · Answer

I checked all answers and even in other similar questions, I tried to find optimal way with help of html class and custom rule.

my html structure for multiple checkboxes are like this

$.validator.addMethod('multicheckbox_rule', function (value, element) {
   var $parent = $(element).closest('.checkbox_wrapper');
   if($parent.find('.checkbox_item').is(':checked')) return true;
            return false;
}, 'Please at least select one');


 Checkbox_item 1
 Checkbox_item 1

How to validate a form with multiple checkboxes to have atleast one checked

11 Answers