Ich möchte mit folgendem JavaScript-Code eine Formularüberprüfung machen. Das Problem ist, die JavaScript-Funktion wird nicht aufgerufen. Es wird sofort das "action"-Ziel aufgerufen.
JavaScript ist im Browser aktiviert. Ich habe es Bereits mit Firefox 3.55 und IE 6.0 versucht --> erfolglos.
Hier der Code:
<html>
<head>
<title>Formular-Überprüfung</title>
<script type="text/javascript">
function pruefen(f){
var fehler="Ändern Sie bitte folgende Punkte:\n\n";
if (f.elements["vorname"].value==""){
fehler +="Geben Sie bitte einen Vornamen ein.\n";
}
if (f.nachname.value==""){
fehler +="Geben Sie bitte einen Nachnamen ein.\n";
}
if (f.strasse.value==""){
fehler +="Geben Sie bitte eine Strasse und eine Hausnummer ein.\n";
}if f.plz.value==""){
fehler +="Geben Sie bitte eine Postleitzahl ein.\n";
}if (f.ort.value==""){
fehler +="Geben Sie bitte einen Ort ein.\n";
}if (f.email.value==""){
fehler +="Geben Sie bitte eine E-Mail Adresse ein.\n";
}else{
var re="^[a-z0-9_\.]+@([a-z0-9][a-z0-9-_]+\.)+[a-z]{2,}$";
if (! re.test(f.email.value))
{
fehler +="Geben Sie bitte eine korrekte E-Mail Adresse ein.";
}
}
if (fehler=="Ändern Sie bitte folgende Punkte:\n")
{
return true;
}else
{
alert(fehler);
return false;
}
}
</script>
</head>
<body>
<form action="formularauswertung3.php" method="post" name="kontaktformular" onsubmit="return pruefen(this);">
<table id="kontaktformular">
<tr>
<td <?php echo $vorname_mark ?>>Vorname:</td>
<td <?php echo $vorname_mark ?>><input type="text" name="vorname" value="<?php echo $vorname ?>" /></td>
</tr>
<tr>
<td <?php echo $nachname_mark ?>>Nachname:</td>
<td <?php echo $nachname_mark ?>><input type="text" name="nachname" value="<?php echo $nachname ?>" /></td>
</tr>
<tr>
<td <?php echo $strasse_mark ?>>Strasse und Nr:</td>
<td <?php echo $strasse_mark ?>><input type="text" name="strasse" value="<?php echo $strasse ?>" /></td>
</tr>
<tr>
<td <?php echo $plz_mark ?>>Postleitzahl:</td>
<td <?php echo $plz_mark ?>><input type="text" name="plz" value="<?php echo $plz ?>" /></td>
</tr>
<tr>
<td <?php echo $ort_mark ?>>Ort:</td>
<td <?php echo $ort_mark ?>><input type="text" name="ort" value="<?php echo $ort ?>" /></td>
</tr>
<tr>
<td <?php echo $email_mark ?>>E-Mail Adresse:</td>
<td <?php echo $email_mark ?>><input type="text" name="email" value="<?php echo $email ?>" /></td>
</tr>
<tr>
<td></td>
<td><INPUT type="button" value="<< Zurück" onClick="history.go(-1);return true;""/><br /><input type="reset" name="reset" value="Eingaben zurücksetzen" /><br /><input type="submit" name="submit3" value="Eingaben senden" /></td>
</tr>
</table>
<?php
echo "$hidden";
?>
</form>
</body>
</html>
Entweder bin ich einfach blind und es ist wirklich ein dummer Fehler(dann tuts mir Leid) und sonst mangelts mir an JavaScript Erfahrung :-(
Herzlichen Dank für jede Hilfe.