[jQuery] simple form validation

[jQuery] simple form validation

It's a little broken in IE.
When I fill out the username and hit tab, the field turns green, but the
password "text" is partially in the green box due to the username box
getting taller.
You need to somehow work it so that the boxes indicating validation aren't
larger than the original box. If you don't the form will look way out of
wack.
I might suggest displaying the error/sucess message for all fields in one
fixed area, or displaying the error message for each after the field instead
of below it.
All in all it seems like a great idea. I'd love to see this when it's a
little more polished.
<!----------------//------
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 Will Jessup
Sent: Tuesday, July 11, 2006 6:49 PM
To: jQuery Discussion.
Subject: [jQuery] simple form validation
Ahoy,
While working on my project I put together this form validation example
to show how you can do browser validation & jquery validation together
and make nice pretty forms w/ it.
a few functions in the ready are like this:
$("input[@class=validated]").blur(function() {
$(this).validate();
});
$("#confirmpass").blur(function() {
$(this).match({match: '#password', error: '#confirmpass_li'});
});
$("#password").keyup(function() {
$(this).copyTo("#password_copy","value");
});
http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html
thanks John for the copyTo function.
Feel free to grab the code.
Will
--
|||||||||||||||||||||||||||||||||||
Will Jessup
c. 760 807 0850
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/