WebstyleZ.Net

Alert bei leeren Feldern

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<script type="text/javascript">
<!--
function überprüfung()
{
    if (document.formular.eingabefeld.value == "") {
        alert('Das Eingabefeld wurde nicht ausgefüllt');
        return false;
    }
}
//-->
</script>
<form name="formular" action="formular.php" onSubmit="return überprüfung()">
<input type="text" name="eingabefeld">
<input type="submit">
</form>

Quelltext: HTML

Mit document teilt JavaScript dem Brauser mit, dass die folgenden Wörter innerhalb der selben Seite zu suchen sind. Danach fogte formular. Wie ihr im <form>-Tag sehen könnt, wurde dem form der Name formular zugewiesen, also wählt der Brauser dieses Formular aus. Jetzt hat auch das input-Feld noch einen Namen (nämlich eingabefeld), und der Brauser findet auch dieses.

Die Funktion sagt nun
if(document.formular.eingabefeld.value == "")
Wenn innerhalb dieses Dokumentes im Objekt formular das Objekt eingabefeld, den Wert (value) "" (also nix) hat, dann
alert('Das Eingabefeld wurde nicht ausgefüllt');
gib die Alarmmeldung "Das Eingabefeld wurde..." aus und
return false;
brich die Aktion (des Formularsendends) ab.

Gibt jetzt jemand ins Feld Eingabefeld etwas ein, ist der value nicht Nichts, also lässt das Skript das Formular absenden.

Diese Funktion wird im Formular mit dem Befehl onSubmit (beim Abschicken) mit der Anweisung return (gib aus) aufgerufen.
onSubmit="return überprüfung()"
Heißt: Wenn das Formular abgeschickt wird, gib die Funktion überprüfung() aus. Und die Funktion überprüfung gibt dem Browser FALSE zurück wenn das Feld leer ist, und dieser bricht den Vorgang dann sofort ab.