The trick to clientside validation Dont just tell them when its wrong

Everyone responds to positive feedback. Instead of waiting for your users to mess up or forget a field, with the use of jQuery and a few styles you can let them know that they filled the field out correctly and are ready to move on.

Using Inkscape, I've made a simple little "check" and "x" set of icons that can be applied as a background image to a span added by jQuery. Using the CSS sprite image technique of adjusting the background position to display the "check" or the "x" icons, the user will visually see quickly if the form field is correctly filled out and that it's OK to move on.

0 ^ ^ \ /Users/tessaractyDocurjients/hBm/d/Dropbox/WordPress andJQuery/04-DoingAlotA

File Edit View Layer Object Path lext Effects Help

01 fl& Q69 CIB S

|165 | L70 |175 |180 |185 |190 |195 1200 |205 |i!L0 q * :-

Blogging For Business

Blogging For Business

Download this Guide And Discover How Start And Run Your Very Own Successful Business Blog. Always Wanted To Start Your Own Blog?

Get My Free Ebook


Post a comment