How to customize error messages using jQuery validation?

Question

Aryan Kumar · Answer

You can customize error messages using jQuery validation by using the messages option. The
messages option is an object that contains the error messages for each of the form fields. For example:
JavaScript
$(document).ready(function() {
  // Validate the form
  $("#myForm").validate({
    rules: {
      username: {
        required: true,
        maxlength: 20
      },
      password: {
        required: true,
        minlength: 6
      }
    },
    messages: {
      username: {
        required: "Please enter a username",
        maxlength: "The username must be at most 20 characters long"
      },
      password: {
        required: "Please enter a password",
        minlength: "The password must be at least 6 characters long"
      }
    }
  });
});
The messages object can be used to customize the error messages for each of the form fields. For example, you can change the text of the error message, or you can add a link to more information about the error.

forum

How to customize error messages using jQuery validation?

Utpal Vishwas

Can you answer this question?

1 Answers

Liked By