Make Checkbox Required on Web Form
Using JS/Jquery
Probuse Admin
Start writing here...
Add checkbox on template/page like contact us form and make it mandatory:
=========================================================
<div class="form-group form-field o_website_form_required_custom">
<input type="checkbox" id="opt_out" name="opt_out" t-attf-value="#{opt_out or ''}" required="required"/>
</div>
=========================================================
Add script inside form tag (Before </form>).
<script type="text/javascript">
$(document).ready(function (e) {
$('.o_website_form_send').click(function() {
if (!$("#opt_out").is(":checked")) {
e.preventDefault();
}
});
});
</script>
=========================================================
Tips: 1. o_website_form_send => Name of class on button. "." specify class and if "#" specify id. 2. opt_out => Id of checkbox. 3. e.preventDefault(); => Jquery
