Formularfelder mit Javascript validieren (Live)
Bei Formularfeldern und Formularen sollte man auf Javascript-Validierungen zurückgreifen, um den Nutzer vorab über die falschen Eingaben zu informieren. Das Anzeigen von Fehlermeldungen nach Abschicken des Formulars bzw. erst nach dem Drücken des Submit-Buttons verärgert den User nur. Es kann passieren, dass sich der User beim Login oder bei der Registrierung ärgert und die Seite verlässt ohne beispielsweise die Registrierung abgeschlossen zu haben.
Im Internet gibt es zahlreiche Java Script Lösungen, unter anderem jQuery-Plugins und eigene Scriptlösungen. Eine schöne Live-Validierung bietet die „LiveValidation„-Bibliothek von Alec Hill. Die schlanke open source Library ermöglicht eine client-basierte Formularvalidierung per Java-Script. Auf der Webseite sind eine übersichtliche Dokumentation und viele Beispiele zu finden. Die Validierung kann entweder direkt „live“ – nach jedem Tastendruck – erfolgen, oder aber durch den Parameter „onlyOnSubmit“ erst bei Drücken des Submit-Buttons. Eine simple aber doch mächtige Bibliothek, die ihren Zweck vollkommen erfüllt.
Benötige bitte hilfe.
Habe das LiveValidation.js File eingebunden und auch eine Validierungsfunktion aufgerufen aber es tut sich absolut nichts…
Code:
Einbindung der Pakete:
Aufruf der Validierungsfunktion:
var vorname = new LiveValidation( „vorname“, { validMessage: „Hey there!“, wait: 500 } );
Ein bisschen HTML-Code wäre nicht schlecht. Die Input-Felder benötigen eventuell noch die id „vorname“. So kann ich leider schlecht helfen, ohne den ganzen HTML Code zu sehen.