Jquery Validation plug-in custom error placement

by

You can also manually add error labels in places you need them. In my particular case I had a more complex form with checkbox lists etc. where an insert or insert after would break the layout. Rather than doing this you can take advantage of the fact that the validation script will evaluate if an existing label tag exists for the specified field and use it.

Consider:

<div id="id">
    <label for="name">Name: (*)</label>
    <input type="text" id="name" class="details" name="name" maxlength="50" />
</div>

Now add the following line:

<label for="name" class="error" generated="true"></label>

which is standard error label:

<div id="id">
    <label for="name">Name: (*)</label>
    <input type="text" id="name" class="details" name="name" maxlength="50" />
</div>
<div id="id-error">
    <label for="name" class="error" generated="true"></label>
<div>

jQuery will use this label rather than generating a new one. Sorry I could not find any official documentation on this but found other posts that came across this behaviour.

More Related Contents:

  1. jQuery Validate – Enable validation for hidden fields
  2. jQuery validation in different languages
  3. Conditional Validation in asp.net MVC4
  4. jquery.validation – how to ignore default values when validating mandatory fields
  5. jQuery Validate remote method usage to check if username already exists
  6. Validate that end date is greater than start date with jQuery
  7. Bootstrap with jQuery Validation Plugin
  8. jQuery Validate array input element which is created dynamically
  9. Using JQuery Validate Plugin to validate multiple form fields with identical names
  10. jQuery form validation on button click
  11. jQuery Form Validation before Ajax submit
  12. Unrequired property keeps getting data-val-required attribute
  13. Dynamic jQuery Validate error messages with AddMethod based on the element
  14. How can we specify rules for jQuery validation plugin by class?
  15. override jquery validate plugin email address validation
  16. client-side validation in custom validation attribute – asp.net mvc 4
  17. jQuery Validation not working in IE7 + IE8
  18. Validate Format of an Email Address using Jquery.validate.js [closed]
  19. jQuery Validation using the class instead of the name value
  20. Validate fields using JQuery validation without any submit?
  21. How can I enable jquery validation on readonly fields?
  22. Limit number of characters in input field
  23. Placing error message for a checkbox array
  24. Best way to validate date string format via jQuery
  25. jQuery select box validation
  26. attaching jquery validation to replacement element
  27. jQuery Validation with multi-part form
  28. jQuery validator plugin + ajax submitting not working
  29. jQuery Validate plugin, one out of two fields is required
  30. jQuery multiple input name[] validation

Leave a Comment