xxxxxxxxxx
function submitFunction(event){
event.preventDefault();
}
$("#form_id").submit(submitFunction);
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
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
then add javascript code:
$(document).ready(function() {
$("#form").validate();
});
</script>
xxxxxxxxxx
$("#FromId").validate({
submitHandler: function(form) {
form.submit();
}
});
xxxxxxxxxx
jQuery(document).ready(function() {
jQuery("#forms).validate({
rules: {
firstname: 'required',
lastname: 'required',
u_email: {
required: true,
email: true,//add an email rule that will ensure the value entered is valid email id.
maxlength: 255,
},
}
});
});
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>Form Validation Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation/1.19.3/jquery.validate.min.css">
</head>
<body>
<form id="myForm">
<label for="name">Name: </label>
<input type="text" name="name" id="name" required>
<br>
<label for="email">Email: </label>
<input type="email" name="email" id="email" required>
<br>
<button type="submit">Submit</button>
</form>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation/1.19.3/jquery.validate.min.js"></script>
<script>
$(document).ready(function () {
$('#myForm').validate();
});
</script>
</body>
</html>
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();
});
});