Event Validation: Showing errors in your page
Posted At : November 26, 2007 10:23 AM
| Posted By : Mark Drew
Related Categories:
coldfusion,
model-glue,
coldspring,
EventValidation
In the previous post I introduced Event Validation, which on a simple level validates the input from forms in a Model-Glue request against a set of rules that you define in a ColdSpring tag.
Simple so far?
Well, its all very well getting a resultant ErrorCollection back from the server, but you will still need to display the errors, which is another load of work that the Event Validation plugin can help you with. To enable this you simply need to add two things to your view template, another cfimport (apart from the main mv one) and another attribute to your mv:setup tag:
Lets import the form tag library :
This tag, with the help of using a blank prefix, means you can replace html tags with custom tags, so your "input", "select" and "textarea" tags are no longer simple html tags, they are now super charged custom tags, that allow the EV framework to change the style and add error divs when required.
To make anything appear though, we need to change our mv:setup tag:
That wasn't so hard was it? Now, when the form is submitted, div's will appear below each form item that has an error, and will have some nice error descriptions.
By default the input items will have the CSS class "error" added to them, of course, you might want to set your own style classes, this is just a part of the setup:
Thanks
$(document).ready(function() {
somefunction here;
}
If course, I think there might be some more improvement in the js code, I could certainly implement more of the Jquery stuff...