xxxxxxxxxx
// Include jQuery library before using this code
$(document).ready(function() {
$('#myForm').submit(function(e) {
e.preventDefault(); // Prevent form submission
// Perform form validation
if ($('#name').val() === '') {
// Show error message for empty name field
$('#nameError').text('Please enter your name');
return;
}
if ($('#email').val() === '') {
// Show error message for empty email field
$('#emailError').text('Please enter your email');
return;
}
// If form validation passes, submit the form
this.submit();
});
});
xxxxxxxxxx
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
//then add javascript code:
<script>
$(document).ready(function() {
$("#form").validate();
});
$("form[name='registration']").validate({
// Specify validation rules
rules: {
// The key name on the left side is the name attribute
// of an input field. Validation rules are defined
// on the right side
firstname: "required",
lastname: "required",
email: {
required: true,
// Specify that email should be validated
// by the built-in "email" rule
email: true
},
password: {
required: true,
minlength: 5
}
},
// Specify validation error messages
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
email: "Please enter a valid email address"
},
// Make sure the form is submitted to the destination defined
// in the "action" attribute of the form when valid
submitHandler: function(form) {
form.submit();
}
});
});
</script>
xxxxxxxxxx
function submitFunction(event){
event.preventDefault();
}
$("#form_id").submit(submitFunction);