Validating a group of checkboxes.

[Ziad]

I have a group of checkboxes that I need to validate that at least 1 of them is selected.  How do I go about doing this?

Code:

<div class="row-fluid">
  <span class="span3">
    <input type="checkbox" value="abc" />abc
  </span>
  <span class="span3">
    <input type="checkbox" value="def" />def
  </span>
  <span class="span3">
    <input type="checkbox" value="hij" />hij
  </span>
</div>
<div class="row-fluid" id="button-bar">
  <button>Submit</button>
</div>

var validator = $('.row-fluid').kendoValidator().data('kendoValidator');

$('#button-bar').on('click', 'button', function(e) {
  if (!validator.validate()) {
    alert("Failed");
    return;
  }
  alert("Passed");
});

Thanks to anyone that can help me out on this.

[Kiril Nikolov]

Hello Ziad,

Checkboxes by nature are optional and not required. You can perform custom validation when you submit the form and prevent submitting if there are no checked checkboxes.

For your convenience here is a jsBin example which demonstrates a possible implementation.
 
Regards,
Kiril Nikolov
Telerik

[Kiril Nikolov]

Hi Ziad,

Checkboxes by nature are optional and not required. You can perform custom validation when you submit the form and prevent submitting if there are no checked checkboxes.

For your convenience here is a jsBin example which demonstrates a possible implementation. 

Regards,
Kiril Nikolov
Telerik