[jQuery] Some sort of template for displaying validation errors in a div using validation framework?
I'm using the very nice jquery validator for my forms, but I have,
what hopefully is a simple question.
I like being able to defined all the error messages in the initial
messages section in the jQuery setup:
[CODE]
messages: {
firstName: "Please enter your firstname<br/>",
userName: {
required: "Please enter a username<br/>",
minLength: "Your username must consist of at least 4
characters<br/>"
}
}
[/CODE]
I'm then setting the error label container:
[CODE]
errorLabelContainer: $(".errorContainer"),
[/CODE]
What I'd like to avoid though is having to use the <br/> tags like I'm
using and provide a way to have some sort of template in my
errorContainer div or, at the least a set type of style wrapper around
each error message that I can customize (maybe have it default to
<li>{theMessage}</li> ? I'd also like a title in my div... "Please fix
the following errors..."
I know I can go and declare all the error messages in the div in a
list and not use the inline javascript style, but I like the
flexibility offered me by using the messages section in the
javascript. This way if I decide to display the errors inline next to
the offending field, it's an easy switch.