Bei Buchungsformularen, besonders im Tourismus Bereich oder zum Beispiel auf Flug Portalen, ist die schnelle Datumauswahl besonders wichtig. Der Nutzer soll das Datum möglichst bequem auswählen können, ohne selbst lange Eingaben im richtigen Format wie „tt.mm.jjjj“ oder „tt-mm-jjjj“ zu tätigen.

Bei externen Diensten, zum Beispiel beim Einbinden von Content in die eigene Seite, werden sehr häufig IFrames eingesetzt. Bei statischen Einzelseiten ist die Anpassung der Höhe an die eigene Seite kein Problem. Einmal die Höhe mit dem Attribut „height“ und der richtigen Anzahl der Pixel angepasst, wird der gesamte body Bereich in die eigene Webseite eingebunden. Wenn jedoch innerhalb des IFrames auf andere Inhalte verlinkt wird, die im selben Frame geöffnet werden, dann kommt es vor, dass der Inhalt der Seite im Fenster größer ist und man als Benutzer scrollen muss.

In einem älteren Post habe ich über die JavaScript Bibliothek Live Validation von Alec Hill geschrieben. Nach diesem Post haben mich einige nach ein paar Beispielen gefragt. Zwar sind auf der offziellen Webseite einige Beispiele in der Dokumentation vorhanden, doch diese sind vielleicht etwas zu simpel. 🙂

Man kennt es bei Scripten, dass ab und an Formulare doppelt gepostet werden und in der Datenbank laden oder man doppelte E-Mails im Posteingang auffindet. Das ist in der Regel der Fall, wenn der Nutzer, gewollt oder ungewollt, auf den Submit Button doppelt geklickt hat.

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.