Diese Seite schaut viel besser in einem Browser aus, der Web-Standards unterstützt, die Seite ist aber für jeden Browser geeignet. Trotzdem empfehle ich den Download z.B. des Firefox, Opera oder Internet Explorers.
JavaScript bietet die Möglichkeit, ein Formular darauf zu überprüfen, ob ein Benutzer in allen Feldern etwas eingetragen hat und falls nicht, das Abschicken des Formulars zu verhindern.
Sicherlich ist es nicht besonders ratsam, jedes Feld zu einem Pflichfeld zu machen.
In jedem Falle aber sollte man seinem Benutzer erklären, was erwartet wird und was passiert!
Ein neuer Befehl - eine Idee.
onmouseover bedient sich des Augenblicks, wenn ich mit meiner Maus über ein Objekt rüberfahre, dass sich etwas verändert.
Dazu wird direkt in das <form>-Element für den Ereignis-Handler onsubmit der Rückgabewert der dafür verwendeteten Funktion eingetragen. Als Parameter der Funktion wird dabei wieder this übergeben, damit die Funktion auf das aktuelle Formular zugreift,
<form onsubmit="return pruefeFormular(this);">
Formularfelder abfragen
Bei den Radiobuttons muss jede einzelne abfgefragt werden, ob sie aktiviert ist:
function pruefeFormular (f) {
if (!f.elements["Anrede"][0].ckecked && !f.elements["Anrede"][1].ckecked && !f.elements["Anrede"][2].ckecked {
return false;
Bei den Textfeldern wird immer geprüft, ob der wert ein leerer String ist:
} else if (f.elements["Vorname"].value == "") {
return false;
Bei Auswahllisten wird mit selectedIndex geprüft, ob etwas ausgewählt wurde. Wurde nichts ausgewählt ist der Wert -1, also schreibt man:
} else if (f.elements["Land"].selectedIndex == -1) {
return false;
Bei checkboxen wird gepfüft, ob sie aktiviert sind:
} else if (!f.elements["Kapiert"].checked) {
return false;
Die Fehlermeldung
Sinnvol wäre es, dem Benutzer anzuzeigen, warum der Versand des Formulars verhindert wurde, welches Feld er also noch ausfüllen muss. Dazu wird in die Funktion eine Fehlermeldung integriert:
function pruefeFormular(f) {
var fehlermeldung = "";
Die Anweisung return false wird durch die entsprechende Fehlermeldung ersetzt.
| <-- Der Rest | Ajax-Formular--> |