Dynamische Webseiten

Virtueller Campus Projekt, PHBern

StartseiteJavaScriptCSSJSPPHPMySQLDrucken

Schriftgrösse: kleiner - zurücksetzen - grösser

Eingabe überprüfen


Die Eingabe ind den Formularfeldern muss in der Regel überprüft werden, da leere oder fehlerhafte Eingaben bei der Formularauswertung Fehler verursachen können.
alert("....") erzeugt eine Dialogbox, in der eine Fehlermeldung angezeigt werden kann.

Beispiel 1: Beispiel anzeigen (checkText.htm)
Die Eingabe im Textfeld wird auf "leer" überprüft. Falls die Eingabe leer ist, erscheint ein Alert-Fenster mit einer Fehlermeldung.

<HTML> <HEAD> <SCRIPT LANGUAGE = "JavaScript"> function antwort()
{
name = document.form1.eingabe.value;
if (name.length == 0)
alert("Bitte Name eingeben!");

else
document.form1.ausgabe.value = "Sie heissen " + name + ".";
}
</SCRIPT> </HEAD> <BODY> <FORM NAME = "form1">
<P>Name: <INPUT TYPE = "text" NAME = "eingabe" VALUE = ""SIZE = 15 MAXLENGTH = 10></P>
<P><INPUT TYPE = "button" VALUE = "Hier klicken"onClick = "antwort();"></P>
<P><INPUT TYPE = "text" NAME = "ausgabe" VALUE = "" SIZE = 40></P>
</FORM> </BODY> </HTML>


Erklärungen zum Programmcode:
name.length gibt die Anzahl Zeichen des Textes, der in der Variable name gespeicher wurde. Wurde im Textfeld Name kein Name eingegeben, ist name.length = 0)

 

Beispiel 2: Beispiel anzeigen (checkZahl.html)
Ueberprüft, ob eine Zahl eingegeben wurde.

<HTML> <HEAD> <SCRIPT LANGUAGE = "JavaScript"> function antwort()
{
zahl = document.form1.eingabe.value;
z = parseInt(zahl);
if (zahl.length == 0)
alert("Bitte Alter eingeben!");
else
if (isNaN(z))
alert("Die Zahleneingabe ist ungültig!");
else
document.form1.ausgabe.value = "Sie sind " + z + "Jahre alt.";
}
</SCRIPT> </HEAD> <BODY> <FORM NAME = "form1">
<P>Zahl: <INPUT TYPE = "text" zahl = "eingabe" VALUE = ""SIZE = 15 MAXLENGTH = 10></P>
<P><INPUT TYPE = "button" VALUE = "Hier klicken"onClick = "antwort();"></P>
<P><INPUT TYPE = "text" NAME = "ausgabe" VALUE = "" SIZE = 40></P>
</FORM> </BODY> </HTML>


Erklärungen zum Programmcode:
Die Eingabe aus dem Textfeld wird mit parseInt(zahl) in ein Integer konvertiert.
if (isNaN(z)) überprüft. ob z eine Zahl ist.