Je n’ai pas pu m’empêcher de bloguer sur ce sujet qui me tient tant à coeur. La validation, c’est très important! Voici quelques exemples qui, à mon avis, sont efficaces et vraiment bien faits.

https://secure.livestream.com/myaccount/login
Il y a un indicateur (assez évident merci) qui valide au fur et à mesure. Notez que le bouton submit est innactif tant et aussi longtemps que les champs ne sont pas remplis correctement. Winner!

http://www.bigcartel.com/signup/diamond
Les erreurs sont affichées en rose en haut. Les labels erronés deviennent rose. L’essentiel quoi.

http://gowalla.com/users/new
Look original! Les champs erronés et valides sont différenciés de façon clair.

http://www.launchmind.com/signup/
Intéressant. Étant donné que le formulaire est long, le message d’erreur s’affiche en bas, en-dessous du bouton « create account ». J’aime l’idée.

http://www.popscreen.com/join
On peut facilement différencier le champs valide et celui qui ne l’est pas. De plus, on a une petite note qui donne de l’information supplémentaire sur le champs actif. Bien pensé.

http://thumbslap.com/signup/
Classique, mais assez évident.

https://wwws.mint.com/login.event?task=S
J’aime le fait que la validation se fait au fur et à mesure. Il est facile de savoir ce qui est bon de ce qui ne l’est pas. Thumbs up!

https://www.squarespace.com/process/CreateSquarespaceAccount
Un formulaire horizontal… c’est la première fois que j’en vois un. Pas mauvais comme validation.

https://secure.wufoo.com/signup/1/
Classique, mais original en même temps. Vive l’évidence!