jQuery Validate
The jquery.validate plugin provides declarative form validation with built-in rules (required, email, minlength) and custom rule support.
The jquery.validate plugin provides declarative form validation with built-in rules (required, email, minlength) and custom rule support.
<script src="https://cdn.jsdelivr.net/npm/jquery-validation/dist/jquery.validate.min.js"></script>
<script>
$("#registerForm").validate({
rules: {
email: { required: true, email: true },
password: { required: true, minlength: 8 },
confirm: { equalTo: "#password" }
},
messages: {
email: "Please enter a valid email address",
password: "Password must be at least 8 characters"
},
submitHandler: function(form) {
// Only called when form is valid
$.post("/api/register", $(form).serialize());
}
});
</script>
submitHandler only fires when all validation passes — no need for extra checks.