Add Checkbox input with required validation

Question

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

Answer 1

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>

• gill: Thank you, can we display alert?
• PЯINCƎ: What do you mean by alert and where ?
• gill: When I click on submit if checkbox is uncheck then i want to display alert ex plz agree terms and conditions.
• PЯINCƎ: if(jQuery('#check').not(':checked').length){ alert('Not checked'); }
• gill: I tried but this code is not working