Meldung

06.11.2007 - Form in JavaScript: Benutzereingaben auslesen und verarbeiten

Wie andere HTML-Elementobjekte können auch Formulare in JavaScript angesprochen werden. Dies kann beispielsweise dann nötig sein, wenn Eingabedaten direkt auf Seite des Clients verarbeitet werden müssen. Der Browser soll in solchen Fällen beispielsweise umgehend auf eine Eingabe des Benutzers reagieren und das Ergebnis einer Berechnung ausgeben.

Die einzelnen Eingabeelemente eines Formulars können auch separat abgefragt werden und einer Eingabeprüfung zugeführt werden, welche die Daten auf Gültigkeit der Eingaben prüft. Dies gilt auch für Checkboxen, deren Optionen unter ihrem Namen in einem Array unter dem Form-Knoten (HTML-Elementobjekt) des Formulars liegen und mit JavaScript abgefragt werden können. Auch der in einer Textarea gespeicherte Text (die in diesem Feld getätigte Benutzereingabe) kann mit JavaScript abgerufen werden. Ebenso, wie Eingabedaten eines normalen Input-Elements von Typ Text werden in der Textarea eingegebene Daten in Form eines Strings abgelegt. Diese Daten können mit JavaScript beliebig manipuliert werden (siehe hierzu auch split, substring oder trim).

Neben dem Betätigen des Submit-Button eines Formulars kann das Versenden von Formulardaten auch über den Aufruf der Methode submit eingeleitet werden. Diese Methode gehört zum Formular-Objekt (genauer gesagt dem HTML-Elementobjekt) eines jeden im HTML-Dokument definierten Formulars. Darüber hinaus existiert auch eine Methode mit dem Namen Reset, welche nach deren Aufruf die im Formular eingegebenen Daten zurücksetzt. Ob die Daten nun nach einem Klick auf einen Button oder aufgrund von JavaScript Code versendet werden ist im Prinzip unerheblich.

Sollen die Eingabedaten direkt vom Client ausgewertet werden oder beispielsweise über einen Ajax-Request Daten vom Server abrufen ohne gleich die Seite neu zu laden, so wird zur Verarbeitung eventuell gar kein Button mehr benötigt. In solchen Fällen wird meist eines der zahlreichen Events verwendet. Tritt das entsprechende Event – welches zum Einleiten einer Aktion abgefangen wird – ein, so wird der zugehörige Script-Code ausgeführt. Hierzu häufig genutzte Events sind das onClick-Event oder das onChange-Event. Ein eigens zur Abarbeitung der entsprechenden Schritte programmierter Event-Handler übernimmt die nötigen Operationen.

Alexander Müller