Wednesday, October 22nd, 2008
Form.Check: Great Form Validation for MooTools
Category: JavaScript
, MooTools
Form validation is one of those problems that every IT developer has to deal with at one point or another. Form.Check is a MooTools plug-in library for dealing with client-side validation easily:
And, it's very easy to use:
JAVASCRIPT:
-
-
window.addEvent('domready', function(){
-
new FormCheck('formular', {
-
display : {
-
errorsLocation : 1,
-
indicateErrors : 2
-
}
-
})
-
});
-
4 rating from 66 votes
An outstanding plugin! Very useful and practical.
In the demo, and I realize it’s just a demo, it forces users to enter at least 3 characters for a last name. Had this been real and live, I would not be able to register. I encountered many live sites in the past that have a three-letters minimum requirement, and I never knew how I could come up with a third letter.
Other than that, it’s excellent.
Kevin Le
I created a similar thing a little while back: http://www.validatious.org/
It’s standalone, and provides validation through class names or a JavaScript DSL like API. Check it out!
Wow, as the creator of fValidator I’m really happy that someone took what I thought it was a good plugin and extended it to make a marvelous one! This Form.Check is an amazing thing XD - CONGRATULATIONS!
this is going to save me a lot of time. thanks!
In the middle of developing a form validation system myself so it’s interesting to see how they did it.
The error messages are dumped at the end of the html document so they’re pretty useless to screen readers. Also, the errors appear if you tab through the form, so you need to complete the form sequentially to get the full effect.
Interesting use of class names. Don’t know how I feel about it, but certainly interesting.
Jake.
I started a similar jQuery plugin a while back called jVal:
http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/
Has animated flyouts that look great and uses space efficiently.
That and it’s easy as heck to plug in on-demand validation and key press validation on most input fields with simple attributes added to the markup.