add novalidate in your form
Example:
<form action="" novalidate>
</form>Just because a form control is hidden doesn't mean it isn't required. And since
it is required, but hidden the browser can't focus the form control.
Every place you have .hide() change it to .hide().prop('required',false) to fix
your problem.if(document.getElementById('hidden_field_choice_selector_parent_element'.value==true){
document.getElementById('hidden_field').removeAttribute("required");
}
document.getElementById('element_id').removeAttribute('required');