Home/ Questions/Q 3332832
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T23:43:48+00:00

I am using jquery validation plugin to display error message in the top instead

  • 0

I am using jquery validation plugin to display error message in the top instead instead of beside the labels. say, i have address , city, zip code ….if user don’t enter anything i have to display the error message at top in a div like ” please enter valid address” , “please enter valid city” etc…
how can I override the default behavior of the plugin …..any help will be appreciated …
thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use errorLabelContainer and wrapper options for this:

    $("form").validate({
  errorLabelContainer: "#someElementUpTop", //a <ul> element for example
  wrapper: "li" //display them in a list
});

    errorLabelContainer determines where the error elements are added, wrapper determines what they’re wrapped in. In this case #someElementUpTop is a <ul> to append the <li> wrapped labels to…so clicking still goes to the correct element in the page that has the validation error. If you need another element above this, say a <div> that hides and shows appropriately when there are/aren’t errors, add a errorContainer: "#someDiv" option as well.

    • 0