← Snippets - Script - Form Customization

Validate Checkboxes with Parsley

Validate at least one checkbox in a group has been checked before submitting the form. Add all attributes to every checkbox in a group. Works with Parsley 2.8 for sure.

How To - HTML

  • On all the checkboxes, add data-parsley-group="yourgroupname"

  • Also add data-parsley-multiple="yourgroupname"

  • And make sure to also add data-parsley-required="true"

Here is an example fieldset.

<fieldset>
    <legend>Check at least one<span>*</span></legend>
    <div class="form-check">
    	<input class="form-check-input" id="servicesOne" type="checkbox" data-parsley-group="groupname" data-parsley-multiple="groupname" required data-parsley-errors-container="#groupname-error" value="Checkbox One" name="services.one">
      	<label class="form-check-label" for="servicesOne">Checkbox One</label>
    </div>
   	<div class="form-check">
   		<input class="form-check-input" id="servicesOne" type="checkbox" data-parsley-group="groupname" data-parsley-multiple="groupname" data-parsley-required="true" data-parsley-errors-container="#groupname-error" value="Checkbox Two" name="services.two">
   	  	<label class="form-check-label" for="servicesTwo">Checkbox Two</label>
   	</div>
   	<div class="form-check">
   		<input class="form-check-input" id="servicesOne" type="checkbox" data-parsley-group="groupname" data-parsley-multiple="groupname" data-parsley-required="true" data-parsley-errors-container="#groupname-error" value="Checkbox Three" name="services.three">
   	  	<label class="form-check-label" for="servicesThree">Checkbox Three</label>
   	</div>
</fieldset>
<div id="groupname-error"></div>

Example Sites