Validate form before submit jquery
You can mimic the default jQuery plugin behaviour as follows:
Test if the form
is valid; if not prevent the default action from occurring using preventDefault()
:
$(document)
.on('click', 'form button[type=submit]', function(e) {
var isValid = $(e.target).parents('form').isValid();
if(!isValid) {
e.preventDefault(); //prevent the default action
}
});
EDIT: this comes in handy if you want to fine-tune your validation test i.e. validating some controls conditionally.
First validate and then use submit handler
<script>
$().ready(function() {
$('#addNew').validate({
rules: {
patient_first_name: "required",
patient_last_name: "required"
},
messages: {
patient_first_name: "Please enter first name",
patient_last_name: "Please enter last name"
},
submitHandler: function(form) {
form.submit();
}
// any other options and/or rules
});
});
</script>