nicht angemeldet
Hallo und guten Morgen an alle.....
Ich muss da eine Aufgabe lösen. Hier kommt die mal....
Schreiben Sie eine HTML-Seite mit Javascript, die ein Textfeld für die Eingabe einer Postleitzahl und einen Absende-Button mit der Aufschrift "Eingabeprüfung" enthält. Beim Anklicken des Button soll geprüft werden, ob die eingegebene Postleitzahl aus fünf Zeichen besteht. Wenn dies nicht der Fall ist, soll ein Warnfenster mit dem Text "Bitte 5-stellige PLZ eingeben!") aufgerufen werden.
Benutzen Sie dazu:
ein gemeinsames HTML-Formular mit dem Namen FELD für das Textfeld( Name Textfeld und den Button
eine Funktion CheckPLZ im HTML-Header, die vom Button aufgerufen wird und die Längenüberprüfung und Warnfenster- Ausgabe übernimmt.
Achten Sie dabei darauf, dass bei abgeschalteten JavaScript kein ScriptCode auf der Seite erscheint, sondern nur der Button ohne Funktion bleibt.
DAs habe ich bis jetzt gemacht.......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Eingabeüberprüfung der Postleitzahl </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body onLoad="document.formular.plz.focus()">
<script language="JavaScript">
<!---
function CheckPLZ() //Funktion , um die Richtigkeit der Eingabe zu überprüfen.
{
if (document.formular.plz.value=="") //Postleitzahl darf nicht leer sein
{
alert ("Bitte geben Sie Ihre PLZ ein!");
location.reload();
document.formular.plz.focus();
return false;
}
var checkZahl=1 ; // Werden nur gültige Werte eingegeben?
for(var i=0;i<document.formular.plz.value.length;i++)
if (document.formular.plz.value.charAt(i) <"0" || document.formular.plz.value.charAt(i) >"9")
checkZahl = -1;
if (checkZahl== -1)
{
alert("Sie haben keine gültige PLZ eingegeben. Bitte geben Sie Ihre 5-stellige PLZ ein!");
location.reload();
document.formular.plz.focus();
return false;
}
if (document.formular.plz.value.length <5) //Anzahl der Ziffern = wenn kleiner als 5
{
alert("Die Postleitzahl ist zu kurz. Bitte geben Sie Ihre 5-stellige PLZ ein!");
location.reload();
document.formular.plz.focus();
return false;
}
if (document.formular.plz.value.length >5) //Anzahl der Ziffern = wenn grösser als 5
{
alert("Die Postleitzahl ist zu lang. Bitte geben Sie Ihre 5-stellige PLZ ein!");
location.reload();
document.formular.plz.focus();
return false;
}
if (document.formular.plz.value.length ==5)
{
alert("Ihre Postleitzahl lautet: " + document.formular.plz.value);
location.reload();
return false;
}
}
//Ende Formular-Abfrage
//-->
</script>
<link href="../ExtCSS/Fragestellung.css" rel="stylesheet" type="text/css">
<link href="../ExtCSS/Unterkapitel.css" rel="stylesheet" type="text/css">
<link href="../ExtCSS/TitelKapitel.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#CCFFFF">
<div align="center"><span class="TitelKapitel">Bitte die Postleitzahl zur Überprüfung
eingeben! </span> </div>
<form name="formular" method="POST" action="" onClick="CheckPLZ()" enctype="text/plain">
<p> </p>
<table width="51%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="3%"> </td>
<td width="15%"> </td>
<td width="82%" colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> <div align="right"><b></b><b><font size="2" face="Arial, Helvetica">PLZ:
</font></b></div></td>
<td></td>
<td width="41%"><input name="plz" type="text" id="plz3"></td>
</tr>
<tr>
<td width="3%"> </td>
<td width="15%"> </td>
<td width="82%" colspan="2"> </td>
</tr>
<tr>
<td colspan="4"><img src="../Bilder/spacer.gif" width="1" height="5"></td>
</tr>
<tr>
<td colspan="3"> </td>
<td width="41%"><input type="submit" name="Button" value="Eingabeprüfung"></td>
</tr>
<tr>
<td width="3%"> </td>
<td width="15%"> </td>
<td width="82%" colspan="2"> </td>
</tr>
</table>
<p align="center"> </p>
</form>
</body>
</html>
Leider geht das bei mir noch nicht....
/// eine Funktion CheckPLZ im HTML-Header, die vom Button aufgerufen wird und die Längenüberprüfung und Warnfenster- Ausgabe übernimmt. ///
Was habe ich denn falsch gemacht ? Kann mir da bitte jemand helfen ? Danke schon mal im voraus......
LG mabck