Examples of inline validation

18 Sep 2009 - 12:27pm
4 years ago
5 replies
2706 reads
Pietro Desiato
2008

Hi all,

I was wondering if you have food example of forms with both inline
and onSubmit validation i.e. a form that validates the fields onBlur
and gives you a feedback when you click continue...

Thanks!

Comments

18 Sep 2009 - 1:13pm
Amy Silvers
2007

The sign-up form at Audible.com does this--it validates your choice of
username inline, but input in other fields isn't validated until
onSubmit.

(Disclaimer: I work at Audible, though I wasn't involved in the
design of the current version of the form.)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=45791

18 Sep 2009 - 9:36pm
Joe Sokohl
2004

See the great registration for iLike.com

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=45791

18 Sep 2009 - 2:35pm
Eduardo F. Ortiz
2008

Hi Pietro,

This article posted on A List Apart by Luke Wroblewski tackles inline
validation. You might want to check the different pattern libraries out
there (Yahoo, Welie, Quince, etc) for other examples.

This is the article:
http://www.alistapart.com/articles/inline-validation-in-web-forms/

Hope this is helpful.

E

18 Sep 2009 - 5:29pm
Davin Granroth
2009

The jQuery Javascript framework has a plugin called "Validate" that
does exactly what you just described.

It's quite customizable so you can design the validation rules, the
error message texts, plus the visual design of the messages.

This is a demo page they use to show off that plug-in, but it is an
example.
http://jquery.bassistance.de/validate/demo/milk/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=45791

18 Sep 2009 - 9:16pm
Chris Brown
2008

>From the the form master himself, Luke Wroblewski:
http://www.alistapart.com/articles/inline-validation-in-web-forms/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=45791

Syndicate content Get the feed