How to display error messages using jQuery validation?

Question

Aryan Kumar · Answer

You can display error messages using jQuery validation by using the errorPlacement option. The errorPlacement option is a function that is called when an error is found in a form field. The function takes two arguments: the first argument is the element that contains the error message, and the second argument is the element that contains the form field. For example:

JavaScript

$(document).ready(function() {
  // Validate the form
  $("#myForm").validate({
    rules: {
      username: {
        required: true,
        maxlength: 20
      },
      password: {
        required: true,
        minlength: 6
      }
    },
    errorPlacement: function(error, element) {
      // Display the error message next to the form field
      error.insertAfter(element);
    }
  });
});

The errorPlacement function can be used to customize the way that error messages are displayed. For example, you can display the error messages above or below the form fields, or you can display them in a separate container.

forum

How to display error messages using jQuery validation?

Can you answer this question?

1 Answers