I want to add a checkbox with a required field.
My code is :
<div>
<input class="input required-entry" type="checkbox" id="check" name="check" value="1" data-validate="{required:true, 'validate-one-required-by-name':true}" /> I agree to the Terms and Conditions.
</div>
But it's not working.
Thank you
You must have data-mage-init='{"validation":{}}' in your form
<form id="custom-form" data-mage-init='{"validation":{}}'>
<input class="input required-entry" type="checkbox" id="check" name="check" value="1" data-validate="{required:true, 'validate-one-required-by-name':true}" /> I agree to the Terms and Conditions.
<input type="submit" value="Submit">
</form>
Or
<form id="custom-form">
<input class="input required-entry" type="checkbox" id="check" name="check" value="1" data-validate="{required:true, 'validate-one-required-by-name':true}" /> I agree to the Terms and Conditions.
<input type="submit" value="Submit">
</form>
<script type="text/x-magento-init">
{
"#custom-form": {
"validation": {}
}
}
</script>
if(jQuery('#check').not(':checked').length){ alert('Not checked'); }