I’ve been playing around with this over the weekend and I’ve been *very* impressed:
jQuery plugin: Validation
Current version: 1.3
Compressed filesize: 14301 bytes
License: MIT/GPLFiles:
(more info at http://bassistance.de/jquery-plugins/jquery-plugin-validation/)
More excellent info from the jQuery blog itself about client-side form validation:
There is a good article about client-side form validation on the Interaction Design Blog. It describes important points to keep in mind when building your own framework for client-side validation.
Of course the alternative to building your own framework is to use an existing one. This approach yields some important advantages, amonst them the “given enough eyeballs, all bugs are shallow” principle.
Lets see how well the validation plugin currently performs on the points listed in the article:
(continued via Blog » About client-side form validation and frameworks)
Great article about jQuery Form Validation from littlehart.net:
Now that I have to actually design interfaces for other people, I am learning the finer details of Javascript. Specifically, I’m using JQuery as my library of choice. I won’t go into why I’m using, just go to the site and see it for yourself. One of the things I’ve had to build recently is a playlist editor for the IPTV project. I decided to be user-friendly for once, and make it Ajax-powered. So this meant a lot of work creating small little actions in my Zend Framework code to accept form posts, etc. Still cleaning things up, but I wanted to share some of the coolness from using a jQuery form plugin .
So, never having really done any Javascript form validation (I know you’re shocked) I unleashed my inner “programmer” to go and hack away at it so I can figure it out, then call back my inner “developer” to make the code elegant and compact. It took me all morning but I figured it out thanks to Google and just hacking away at it. One of the neat things about Javascript is that it supports the ability to dynamically define functions in your code. With it’s extensive use of callbacks, jQuery leverages this to the hilt. I believe this is what the Ruby crowd refers to as “blocks and closures”. Please correct me if I’m wrong. Okay, so here’s some code that illustrates how I was doing validation of the form:
(continued via Form Validation with jQuery)
Williamo’s Tumblr