ich habe von selfHTML eine JS-Vorlage zur Überprufung von einem HTML Formular genommen. Jetzt habe ich dummerweise ein kleines Problem Das script soll prüfen, ob die Eingabefelder leer sind oder nicht. Außerdem soll im E-Mail Feld geprüft werden, ob es eine Adresse mit einem @ ist.
Ob die E-Mail "korrekt" ist prüft er auch, aber ob die Felder leer sind irgend wie nicht
LINK
JS:
CODE
function chkFormular() {
if (document.Formular.name.value == "") {
alert("Bitte Ihren Namen eingeben!");
document.Formular.name.focus();
return false;
}
if (document.Formular.email.value == "") {
alert("Bitte Ihre E-Mail-Adresse eingeben!");
document.Formular.email.focus();
return false;
}
if (document.Formular.email.value.indexOf("@") == -1) {
alert("Keine E-Mail-Adresse!");
document.Formular.email.focus();
return false;
}
if (document.Formular.username.value == "") {
alert("Bitte Ihren Benutzernamen eingeben!");
document.Formular.username.focus();
return false;
}
if (document.Formular.passwort.value == "") {
alert("Bitte Ihr Passwort eingeben!");
document.Formular.passwort.focus();
return false;
}
}
if (document.Formular.name.value == "") {
alert("Bitte Ihren Namen eingeben!");
document.Formular.name.focus();
return false;
}
if (document.Formular.email.value == "") {
alert("Bitte Ihre E-Mail-Adresse eingeben!");
document.Formular.email.focus();
return false;
}
if (document.Formular.email.value.indexOf("@") == -1) {
alert("Keine E-Mail-Adresse!");
document.Formular.email.focus();
return false;
}
if (document.Formular.username.value == "") {
alert("Bitte Ihren Benutzernamen eingeben!");
document.Formular.username.focus();
return false;
}
if (document.Formular.passwort.value == "") {
alert("Bitte Ihr Passwort eingeben!");
document.Formular.passwort.focus();
return false;
}
}
HTML:
CODE
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registrieren</title>
<link rel="stylesheet" type="text/css" href="../styles/drop_down_style.css" />
<link rel="stylesheet" type="text/css" href="../styles/main_style.css" />
<link type="text/javascript" href="../js/chkFormular.js" />
</head>
<body>
<form class="Formular" name="Formular" action="eintragen.php" method="post" onsubmit="return chkFormular()">
Name:<br>
<input type="text" size="24" maxlength="50"
name="name"><br><br>
E-Mail:<br>
<input type="email" size="24" maxlength="50"
name="email"><br><br>
Username:<br>
<input type="text" size="24" maxlength="50"
name="username"><br><br>
Passwort:<br>
<input type="password" size="24" maxlength="50"
name="passwort"><br><br>
Passwort wiederholen:<br>
<input type="password" size="24" maxlength="50"
name="passwort2"><br><br>
<input type="submit" value="Abschicken" />
<input type="reset" value="Zurücksetzen" />
</form>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registrieren</title>
<link rel="stylesheet" type="text/css" href="../styles/drop_down_style.css" />
<link rel="stylesheet" type="text/css" href="../styles/main_style.css" />
<link type="text/javascript" href="../js/chkFormular.js" />
</head>
<body>
<form class="Formular" name="Formular" action="eintragen.php" method="post" onsubmit="return chkFormular()">
Name:<br>
<input type="text" size="24" maxlength="50"
name="name"><br><br>
E-Mail:<br>
<input type="email" size="24" maxlength="50"
name="email"><br><br>
Username:<br>
<input type="text" size="24" maxlength="50"
name="username"><br><br>
Passwort:<br>
<input type="password" size="24" maxlength="50"
name="passwort"><br><br>
Passwort wiederholen:<br>
<input type="password" size="24" maxlength="50"
name="passwort2"><br><br>
<input type="submit" value="Abschicken" />
<input type="reset" value="Zurücksetzen" />
</form>
</body>
</html>
Wieso prüft er nicht, ob die Textfelder leer sind?