SyntaxStudy
Sign Up
jQuery jQuery Validate Plugin
jQuery Intermediate 4 min read

jQuery Validate Plugin

jQuery Validate

The jquery.validate plugin provides declarative form validation with built-in rules (required, email, minlength) and custom rule support.

Example
<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>
Pro Tip

submitHandler only fires when all validation passes — no need for extra checks.