200909Nov

Validatious: Formular-Validierung mit JavaScript

Eine Echtzeit-Validierung für HTML-Formulare lässt sich mit JavaScript sehr gut realisieren und verbessert die Benutzerfreundlichkeit einer Website — mit Validatious steht eine fertige Lösung bereit, die kein Framework benötigt und sehr leicht implementiert werden kann. Das kleine Script funktioniert in allen modernen Webbrowsern sowie in Internet Explorer 6. Die Überprüfung der Benutzer-Eingaben erfolgt, sobald ein Input-Feld verlassen wurde (blur). Visualisiert werden die Auswertungen der Pflichtfelder durch kleine Symbole und farbliche Markierungen.

Validatious

Die individuelle Validatious-Bibliothek kann per Konfigurator mit den gewünschten Validatoren ausgestattet werden. Das Script muss dann lediglich per script-Tag in die HTML-Datei eingebettet werden. Pflichtfelder müssen dann nur noch mit der "required"-Klasse versehen werden:

  • <input type="text" name="email" class="required" />
  •  
  • Eigene Fehlermeldung:
  • <input type="text" name="name" class="required" title="Bitte geben Sie Ihren Namen an." />

Alles Weitere findet sich in der Dokumentation von Validatious.

UPDATE
Das Projekt besteht in der Form nicht mehr.