I'm using jquery validator.
I've got a custom rule applied to a group of elements in my form. These inputs may also have other (standard) rules associated with them. I need to place the error message in one place if the element fails my custom rule, but another place if the element fails a standard rule.
I need something like -
errorPlacement: function(error, element) {
if (error == MyCustomError) {
// put my error at the top of the form
} else {
// put my error next to the element
}
I can't see what that 'error' object really is (tried drilling down with firebug but it wasn't very informative).
The highlight option is even more difficult because I don't even have the 'error' parameter to use.
error is the whole error label HTML element that is being added by jQuery Validate, i.e.:
<label class="error">Error message here</label>
So if you want to place the message differently if the message is "Do not do this", you can:
errorPlacement: function(error, element) {
if (error.text() == "Do not do this") {
error.insertBefore("SELECT FIRST ELEMENT IN THE FORM HERE USING STANDARD JQUERY SELECTORS");
} else {
error.insertAfter(element);
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With