Formular mit Javascript Überprüfen

heini1988

New member
Hey Leute hab nen Problem und weiß einfach nich warum das nicht funzt. Baue grad ne seite für nen Projekt zusammen. Hatte for die Formulareingaben per javascript zu kontrollieren aber mir scheint es so als wenn er das Script überhaupt nicht aufruft. Zur verständnis poste ich einfach mal den code bis jetzt.
Thx schonmal im vorraus.
Greetz

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style1.css" />
<title>vonhiernachda</title>
<script type="text/javascript">
    function checkForm() {
    
      var strFehler='';
    
      if (document.forms[0].vorname.value=="")
    
        strFehler += "Feld Vorname ist leer\n";
    
      if (document.forms[0].nachname.value.length<5)
    
        strFehler += "Feld Nachname ist leer\n";
    
      if (!validEmail(document.forms[0].email.value)) {
    
        strFehler += "In der E-Mail-Adresse steckt der Wurm drin!\n";
    
      }
    
        
    
      if (strFehler.length>0) {
    
        alert("Festgestellte Probleme: \n\n"+strFehler);
    
        return(false);
    
      }
    
    }
    
    function validEmail(email) {
    
      var strReg = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";
    
      var regex = new RegExp(strReg);
    
      return(regex.test(email));
    
    }
</script>
</head>

<body> 
<div class="header1">
	<div class="login">
   		<form method="post" action="yoho.php">
    	<input type="text" size="20" name="name" />
    	<input type="password" size="20" name="password" />
    	<input type="submit" value="Login" />
   		</form>
    </div>
</div>
<div class="header2">
	<div class="nav1">
    <a href="home.html"><img class="nav" src="home.gif" /></a>
	<a href="regi.html"><img class="nav" src="registrieren.gif" /></a>
    <a href="suchen.html"><img class="nav" src="suchen.gif" /></a>
    <a href="insert.html"><img class="nav" src="inserieren.gif" /></a>
    </div>
</div>
<div class="labelsregi">
	<style type="text/css">
		label {
			display: inline-block;
			width: 120px;
		}
	</style>
    <br />
    <form method="post" action="registrieren.php" onsubmit="return checkForm()">
    <label for="1">Anrede:</label>
    <select name="anrede" id="1">
    <?php
      include 'dbconn.php';
      $select = "SELECT * FROM tbl_anrede";
      $query = mysql_query($select);
      while ($ds = mysql_fetch_object($query)) {
        $id = $ds -> ID;
        $name = $ds -> Anrede;
            echo '<option value='.$id.'>'.$name.'</option>';    
      }
      ?>
    </select>
    <br />
    <label for="2">Vorname:</label>
    <input type="text" id="2" size="20" name="vorname" /><br />
    <label for="3">Nachname:</label>
    <input type="text" id="3" size="20" name="nachname" /><br />
    <label for="7">Geschlecht:</label>
    <select name="geschlecht" id="7">
    <?php
      include 'dbconn.php';
      $select = "SELECT * FROM tbl_geschlecht";
      $query = mysql_query($select);
      while ($ds = mysql_fetch_object($query)) {
        
        $id = $ds -> ID;
        $name = $ds -> geschlecht;
            echo '<option value='.$id.'>'.$name.'</option>';
      }
      ?>
    </select>
    <br />
    <label for="4">Email:</label>
    <input type="text" id="4" size="20" name="email" /><br />
    <label for="5">Benutzername:</label>
    <input type="text" id="5" size="20" name="benutzer" /><br />
    <label for="6">Password:</label>
    <input type="password" id="6" size="20" name="password" /><br />
    <label for="7">Password bestätigen:</label>
    <input type="password" id="6" size="20" name="password_bestaetigen" /><br />
    <input type="submit" name="senden" value="Registrieren" />
    </form>
</div>
<div class="footer1">
	<div class="footer">
    	<center>
		<a href="home.html"><img class="footnav" src="startseite_footer.gif" /></a>
    	<a href="home.html"><img class="footnav" src="impressum.gif" /></a>
    	<a href="home.html"><img class="footnav" src="agb.gif" /></a>
    	<a href="home.html"><img class="footnav" src="datenschutz.gif" /></a>
		</center>
	</div>
</div>
</body>
</html>
 
Zurück
Oben