Zu benutzerfreundliche Formularen gehört auch klar eine benutzerfreundliche Validation der Eingaben.

Es ist schon oft vorgekommen, dass ich Angaben beim Ausfüllen eines Formulars vergessen habe und diese nachträglich noch eingeben musste. Die Fehlermeldungen sind meist sehr unterschiedlich. Oft aber unbrauchbar! Meldungen wie “Daten sind falsch” oder “Nichts eigegeben” sind nicht wirklich benutzerfreundliche und nützlich. Vorallem bei längeren Formularen ist man doch schnell frustriert.

Das muss natürlich nicht sein. Eine gute Formular-Validation ist auch nicht so schwierig einzurichten. Dank Prototype, Scriptaculous und CSS lässt sich die das Ganze dann auch sehr schick gestalten.

Ein Artikel auf Dexagogo beschreibt wie man’s macht: Really easy field validation

In der Demo kann man sich ein Beispiel-Formular anschauen und die Javascript Validation auf Herz und Nieren prüfen. Das Formular bzw. die Demo kann man sich dann auch gleich downloaden Das benötigte JavaScript ist natürlich dabei.

Webseite: Really easy field validation