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

Sie sehen im Header die Referenz auf die externe JavaScript-Datei, in der die Funktion zum
Erzeugen des XHR-Objekts zu inden ist. Diese haben wir im Abschnitt zu AJAX in dem
Buch ausführlich behandelt. Weiter ist die Stelle mit dem <button> -Tag von Interesse, denn
da wird die Schaltläche zum Absenden der Daten als button -Element außerhalb des For-
mulars deiniert. Hier ist die AJAX-Funktionalität zum Abschicken der Daten und zum
Löschen der Eingabefelder im Erfolgsfall (kap12_6.js):

Listing 12.14■ Versenden von Daten per AJAX
var resOb = erzXHRObjekt();
function sndReq() {
resOb.open('get', 'serverantworten/kap12_6.php?user=' +
encodeURIComponent(document.getElementById("user").value) + '&pw=' +
encodeURIComponent(document.getElementById("pw").value), true);
resOb.onreadystatechange = handleResponse;
resOb.send(null);
}
function handleResponse() {
if (resOb.readyState == 4) {
document.getElementById("antwort").innerHTML = resOb.responseText;
document.getElementById("user").value = "";
document.getElementById("pw").value = "";
}
}
function init() {
document.getElementById("frage").onclick = sndReq;
}
window.onload = init;

Zuerst wird das XHR-Objekt erzeugt. In der Funktion sndReq() setzen wir den Pseudo-
Query zusammen, der an den Webserver geschickt werden soll. Dazu verwenden wir die
Werte in den Eingabefeldern des Formulars. Das Verfahren ist vollkommen analog zu dem
Beispiel im AJAX-Kapitel und sollte klar sein. Wichtig sind die Zeilen mit document.
getElementById("user").value = ""; und document.getElementById("pw").value = ""; .
Denn da leeren wir die Eingabefelder, wenn die Antwort vom Webserver eintrit.

■ ■ 12.5■Plausibilisieren: Formulare

Der Zugrif auf Benutzereingaben in einem Formular ist vor allen Dingen dann interessant,
wenn Sie diese plausibilisieren wollen. Die wichtigste Anwendung von JavaScript auf For-
mulare ist sicher die Plausibilisierung von Benutzereingaben. Das Plausibilisieren eines
Webformulars bedeutet, die Schlüssigkeit der Anwendereingaben vor einem Versenden der
Daten zu kontrollieren und bei Widersprüchen zu den geforderten Vorgaben Gegenmaßnah-
men zu ergreifen. Die Sache ist jedoch alles andere als trivial und die wesentlichen Dinge
betrefen nicht die Programmierung selbst. Plausibilisierung eines Webformulars ist nur
als globales Konzept schlüssig, das auch die Weiterverwendung der Daten nach dem Ver-
senden sowie diverse weitere Fakten beinhalten muss. Bei der Plausibilisierung eines Web-
formulars müssen Sie sich zahlreicher Problemstellungen bewusst werden. Diese kann man
über einige Fragen recht pauschal zusammenfassen: