forum

Home / DeveloperSection / Forums / How to display error messages using jQuery validation?

Ask Question
Utpal Vishwas

Utpal Vishwas

Follow
I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

11-May-2023

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.

MindStick Training

Liked By