[jQuery] Release: jQuery form validation v.0.1

[jQuery] Release: jQuery form validation v.0.1

Jorn...
This plugin seems to work really well, but it's behaviour isn't that "user
friendly". From a user interaction standpoint, having the error appear under
each form field (which forces all form fields down), is rather jarring for
the user. I'd recommend some other method of displaying the error. These
could include:
- Highlighting the form field itself red (or an "error" color) and changing
the title atribute of the form field. When the user mouses over it, perhaps
display some sort of popup msg.
- Display the error message in one location (for all errors).
- Display the message under the form field but place a spacer there to begin
with. That way the form itself doesn't change dimensions
Just throwing out a few ideas.
Good job on the coding though. It works quite quickly and seems to be very
well done.
<!----------------//------
andy matthews
web developer
certified advanced coldfusion programmer
ICGLink, Inc.
andy@icglink.com
615.370.1530 x737
--------------//--------->
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com]On
Behalf Of Jörn Zaefferer
Sent: Monday, July 17, 2006 1:04 PM
To: jQuery Discussion
Subject: [jQuery] Release: jQuery form validation v.0.1
Hi folks,
this is the first public release of my jQuery form validation plugin
(licensed under the GNU Lesser General Public License).
It features:
- ease-of-use: no more then one line of javascript necessary to validate
marked up form
- a bunch of useful rules like 'required', 'min', 'max', 'length', 'url',
'email'
- highly customizable: extend it with your own validation rules, overwrite
defaults for the required additional markup
- can find a single error message for the whole form, one for every input
element or even one for every validation rule
- debug mode to simplify testing of new forms or new rules
Current limitations:
- while it is possible to collect error messages in a container, this must
have a flat hierachy (eg. cannot use list)
- validation is radio buttons is very limited and causes errors in more
complex forms
I've put a demonstration page here:
http://fuzz.bassistance.de/jQueryFormValidation/validateTest.html
The five links below the form demonstrate some more rules and customization.
The ones with (WIP) demonstrate the current limitations.
Please note that this plugin is for page authors, that want to use client
validation with writing lots of javascript. You can't avoid writing the
necessary markup.
To see using the plugin works, have a look into the source of the examples
or download this archive to try and modify it:
http://fuzz.bassistance.de/jQueryFormValidation/sample.zip
The source code itself contains a lot of comments and should be therefore
easy to read.
All kinds of comments are very welcome! Especially nice would be some tests,
where the plugin is applied to existing forms, to see how it performs there.
Regards,
Jörn
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/