gamefrog: Javascript Formular überprüfen: sendet trotzdem

Beitrag lesen

Hallo
Ich habe mit folgendes Formular mit javascript überprüfen lassen.
Wenn ich das leere Formular sende, dann kommt (wie gewünscht) die Meldung, ich solle den Namen angeben und das Namensfeld wird fokussiert.
Wenn ich dann aber einen Namen eintrage (den Rest aber leer lasse), kommt die Meldung (wie gewünscht), es fehle die Mailadresse. Nach bestätigen der Fehlermeldung wird das Formular aber trotzdem gesendet, was ja nicht viel Sinn ergibt.

Hoffe, mir kann jemand helfen ;-)
Vielen Dank schonmal

CODE:

<head>
<script type="text/javascript">
 function chkFormular()  {

if (document.contact.Name.value == "") {
   alert("Bitte Name eingeben");
   document.contact.Name.focus();
   return false;
  }

if (document.contact.Mail.value == "") {
   alert("Bitte Mailadresse eingeben");
   document.contaact.Mail.focus();
   return false;
  }

if (document.contact.Mail.value.indexOf("@") == -1) {
   alert("Bitte g&uml;tige Mailadresse eingeben");
   document.contaact.Mail.focus();
   return false;
  }

if (document.contact.Mail.value.indexOf(".") == -1) {
   alert("Bitte g&uml;tige Mailadresse eingeben");
   document.contaact.Mail.focus();
   return false;
  }

if (document.contact.Betreff.value == "") {
   alert("Bitte Betreff eingeben");
   document.contact.Betreff.focus();
   return false;
  }

if (document.contact.Nachricht.value == "") {
   alert("Bitte Nachricht eingeben");
   document.contact.Nachricht.focus();
   return false;
  }
 }

</script>
</head>

<body>

<form name='contact' method='post' action='?section=contact&amp;action=send' onsubmit='return chkFormular();'>
   <div class='news_titel'>Kontakt</div>
   <div class='news_inhalt'>W&auml;hle bitte zuerst die Kontakt-Art und fülle dann alle Felder, die mit einem * gekennzeichnet sind, aus.</div>
   <br /><br />

<div class='kontakt_zeile'>
    <select class='kontakt_feld' style='width:150px; margin-left:75px;' name='empfaenger'>
     <option value='feedback'>Feedback</option>
     <option value='error'>Fehler melden</option>
    </select>
   </div>

<div class='kontakt_zeile'>
    <div class='kontakt_links'>Name*</div>
    <input  name='Name' type='text' class='kontakt_feld'/>
   </div>

<div class='kontakt_zeile'>
    <div class='kontakt_links'>Adresse</div>
    <input  name='Adresse' type='text' class='kontakt_feld'/>
   </div>

<div class='kontakt_zeile'>
    <div class='kontakt_links'>Telefon</div>
    <input  name='Telefon' type='text' class='kontakt_feld'/>
   </div>

<div class='kontakt_zeile'>
    <div class='kontakt_links'>Mail*</div>
    <input  name='Mail' type='text' class='kontakt_feld'/>
   </div>

<div class='kontakt_zeile'>
    <div class='kontakt_links'>Betreff*</div>
    <input  name='Betreff' type='text' class='kontakt_feld'/>
   </div>

<div class='kontakt_zeile'>
    <div class='kontakt_links'>Nachricht*</div>
    <textarea name='Nachricht' id='kontakt'></textarea>
   </div>

<div class='kontakt_zeile'>
     <div class='kontakt_submit'>
    <input type='submit' value='Senden' />
    <input type='reset' value='Zur&uuml;cksetzen' />
     </div>
   </div>

</form>

</body>