Zugriff auf Formulare - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 357

Bei beiden Schaltlächen inden Sie den onclick -Eventhandler, worüber die Funktion
maxAnzahl() und die Funktion zuruecksetzen() aufgerufen werden. Schauen wir uns die
Funktion maxAnzahl() im Detail an. In der lokalen Variablen f speichern wir eine Referenz
auf das Formularobjekt (dieses Mal über das Objektfeld, was aber vollkommen egal ist). In
der Funktion wird dann mit den zwei nacheinander notierten if -Abfragen und nament-
licher Angabe des zu testenden Eingabefelds ein Kontrollsystem aufgebaut.
Zuerst wird die Länge des ersten Eingabefelds kontrolliert ( if(f.pw.value.length < 8)) ).
Gibt der Anwender zu wenige Zeichen ein, erhält er eine Fehlermeldung, der Wert in dem
Formularfeld wird geleert, der Fokus wird auf das Feld gesetzt und mit return wird die
Funktion verlassen. Dabei wird der Wert false zurückgegeben.
Die Prozedur wiederholt sich für das zweite Eingabefeld analog. Sollte die Userid die er laubte
Anzahl der Zeichen nicht unterschreiten, muss das Passwort die gleiche Hürde nehmen.
Bild 12.6■ Die Userid war zu kurz.
Beachten Sie, dass die beiden Tests nichts miteinander zu tun haben (kein if-else ). Die
zweite Überprüfung indet nur statt, wenn die erste Überprüfung kein Problem entdeckt hat
(andernfalls wird die Funktion ja mit return verlassen und die zweite if -Abfrage wird nicht
erreicht). Das können Sie natürlich auch anders lösen und etwa dem Anwender gleich alle
Probleme zusammen anzeigen. Wenn die beiden Prüfungen keine Probleme ermittelt
haben, wird das Ziel für die Formulardaten gesetzt und die Formulardaten werden abge-
schickt. Beim Zurücksetzen des Formulars wird zuerst eine Bestätigung des Anwenders
eingeholt und dann entweder das Formular zurückgesetzt oder nicht. In jedem Fall geben
wir aber wieder false zurück, um das Verschicken der Formulardaten zu verhindern (was
ja in der Situation auf gar keinen Fall geschehen darf).
Bild 12.7■ Die Zustimmung des Anwenders wird eingefordert.