Jana P: HILFE! Probleme mit Chckformular

Hallo,

ich will mit einem chckformular Pflichtfelder eines Formulars abfragen leider funktioniert das nicht. Wo ist mein Problem?

Viele Grüße Jana

<script language="JavaScript">

function chkFormular() {

if (document.anmeldung.vorname.value=="")  { alert ("Bitte geben Sie einen Vornamen an !");   document.anmeldung.vorname.focus();   return;  }

else if (document.anmeldung.Nachname.value=="")  { alert ("Bitte geben Sie einen Nachnamen an !");   document.anmeldung.Nachnamen.focus();   return;  }

else if (document.anmeldung.bueroname.value=="")  { alert ("Bitte geben Sie Ihren Reisebüro-Namen an !");   document.anmeldung.bueroname.focus();   return;  }

else if (document.anmeldung.agenturnummer.value=="")  { alert ("Bitte geben Sie Ihre Agenturnummer an !");   document.anmeldung.agenturnummer.focus();   return;  }

else if (document.anmeldung.strasse.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.strasse.focus();   return;  }

else if (document.anmeldung.strassenummer.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.strassenummer.focus();   return;  }

else if (document.anmeldung.plz.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.plz.focus();   return;  }

else if (document.anmeldung.ort.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.ort.focus();   return;  }

else if (document.anmeldung.telefon.value=="")  { alert ("Bitte geben Sie Ihre Telefonnummer an !");   document.anmeldung.telefon.focus();   return;  }

else if (document.anmeldung.fax.value=="")  { alert ("Bitte geben Sie Ihre Telefonnummer an !");   document.anmeldung.fax.focus();   return;  }

else if (document.anmeldung.emailadresse.value=="")  { alert ("Bitte geben Sie Ihre E-Mail-Adresse an !");   document.anmeldung.emailadresse.focus();   return;  }

else if(document.anmeldung.emailadresse.value.indexOf('@') == -1)  { alert("Bitte geben Sie eine E-Mail-Adresse ein !");   document.anmeldung.emailadresse.focus();   return;  }  }

document.anmeldung.submit(); }

</script>

<body bgcolor="#FEF9F6" topmargin="0" leftmargin="0">

<p>

<br> <form name="anmeldung" method="post" action="anmeldung.asp">

<p>&nbsp;</p>

<table width="432">           <tr>             <td width="172"><font id="size11">Vorname:</font></td>             <td width="256" align="right">               <p align="left"><input type="text" size="26" name="Vorname" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="172"><font id="size11">Nachname:</font></td>             <td width="256" align="right">               <p align="left"><input type="text" size="26" name="Nachname" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"></td>             <td width="280" align="right">             </td>           </tr>           <tr>             <td width="148"><font id="size11">Reisebüro-Name:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="bueroname" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">Agenturnummer:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="agenturnummer" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"></td>             <td width="280" align="right">             </td>           </tr>           <tr>             <td width="148"><font id="size11">Straße / Nr.:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="strasse" font id="size11" value=""><input type="text" size="4" name="strassenummer" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">PLZ / Ort::</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="5" name="plz" font id="size11" value=""><input type="text" size="25" name="ort" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"></td>             <td width="280" align="right">             </td>           </tr>           <tr>             <td width="148"><font id="size11">Telefon:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="telefon" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">Fax:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="fax" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">Ihre E-Mailadresse:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="emailadresse" font id="size11" value=""></p>             </td>           </tr>         </table>

<p>&nbsp;   <p align="left"><a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a>  </form>

  1. HILFE!

    Jana,
    Warum schreist du so?

    ich will mit einem chckformular Pflichtfelder eines Formulars abfragen leider funktioniert das nicht. Wo ist mein Problem?

    Keine Ahnung. Beschreib es uns.

    <script language="JavaScript">

    Das verursacht nicht dein Problem, ist aber trotzdem falsch. Richtig:
    <script type="text/javascript">

    Gunnar

    --
    "(Der Student) kann sich so völlig dem hingeben, was er naiv für die Computerwissenschaft hält, also der bloßen Verfeinerung seiner Programmiertechniken, daß er sich auf diese Weise effektiv daran hindert, etwas wirklich Wesentliches zu studieren."
    (Joseph Weizenbaum in "Die Macht der Computer und die Ohnmacht der Vernunft")
    1. Keine Ahnung. Beschreib es uns.

      Mein Problem ist das es keine Abfrage gibt, das formular ist leer und kann abgesendet werden. es soll aber Fehlermeldungen geben....

      Jana

  2. Hallo Jana,

    ich will mit einem chckformular Pflichtfelder eines Formulars abfragen leider funktioniert das nicht. Wo ist mein Problem?

    kennst du? http://de.selfhtml.org/javascript/beispiele/formulareingaben.htm

    if (document.anmeldung.vorname.value=="")
     { alert ("Bitte geben Sie einen Vornamen an !");
      document.anmeldung.vorname.focus();
      return;

    Deine Funktion chkFormular() sollte auch etwas zurückliefern.

    <form name="anmeldung" method="post" action="anmeldung.asp">

    Und hier fehlt noch etwas.

    Grüße,

    Jochen

  3. Hi Jana P.!

    In deinem Skript finden sich so einige Fehler, z.B. muss es bei den Überprüfungen immer

    return false;

    heißen. Zudem sollte die Funktion mit

    onsumbmit = "return chkFormular()" aufgerufen werden.

    Siehe auch http://de.selfhtml.org/javascript/beispiele/formulareingaben.htm

    Grüße,
    Fabian St.

    --
    Endlich online: http://fabis-site.net
    --> XHTML, CSS, PHP-Formmailer, Linux
    Selfcode: ie:% fl:|  br:^ va:) ls:& fo:) rl:( n4:° ss:| de:> js:| ch:| mo:) zu:)
  4. Hallo.

    document.anmeldung.submit();

    Du könntest die ganzen return (die falsch) auch weglassen und hinter die letzte "else if" sowas schreiben:
    else {
    document.anmeldung.submit();
    }
    Dafür müsstest du den Submit-Button allerdings noch durch einen Klick-Button ersetzen und bei deaktiviertem JS geht gar nichts.
    Sind wohl doch zuviele Nachteile.

    Benutze besser das return.
    Das müsste sicher klappen.

    <p align="left"><a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a>

    Uaaah. Schlecht gelinkt.
    Am Besten notierst du im <form> Tag:
    <form ... onsubmit="return chkForumular();">

    Ich hoffe ich konnte helfen, H2O

    --
    #*~!:     Endlich Ferien.
    Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:|
    Infos:    http://emmanuel.dammerer.at/selfcode.html
  5. so jetzt habe ich folgendes und es funktioniert nicht:

    <script type="text/javascript">

    function chkFormular() {

    if (document.anmeldung.vorname1.value=="")  { alert ("Bitte geben Sie einen Vornamen an !");   document.anmeldung.vorname1.focus();   return false;  }

    else if (document.anmeldung.nachname1.value=="")  { alert ("Bitte geben Sie einen Nachnamen an !");   document.anmeldung.nachname1.focus();   return false;  }

    else if (document.anmeldung.bueroname1.value=="")  { alert ("Bitte geben Sie Ihren Reisebüro-Namen an !");   document.anmeldung.bueroname1.focus();   return false;  }

    else if (document.anmeldung.agenturnummer1.value=="")  { alert ("Bitte geben Sie Ihre Agenturnummer an !");   document.anmeldung.agenturnummer1.focus();   return false;  }

    else if (document.anmeldung.strasse1.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.strasse1.focus();   return false;  }

    else if (document.anmeldung.strassenummer1.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.strassenummer1.focus();   return false;  }

    else if (document.anmeldung.plz1.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.plz1.focus();   return false;  }

    else if (document.anmeldung.ort1.value=="")  { alert ("Bitte geben Sie Ihre Adresse vollständig an !");   document.anmeldung.ort1.focus();   return false;  }

    else if (document.anmeldung.telefon1.value=="")  { alert ("Bitte geben Sie Ihre Telefonnummer an !");   document.anmeldung.telefon1.focus();   return false;  }

    else if (document.anmeldung.fax1.value=="")  { alert ("Bitte geben Sie Ihre Telefonnummer an !");   document.anmeldung.fax1.focus();   return false;  }

    else if (document.anmeldung.emailadresse1.value=="")  { alert ("Bitte geben Sie Ihre E-Mail-Adresse an !");   document.anmeldung.emailadresse1.focus();   return false;  }

    else if(document.anmeldung.emailadresse1.value.indexOf('@') == -1)  { alert("Bitte geben Sie eine E-Mail-Adresse ein !");   document.anmeldung.emailadresse1.focus();   return false;  }  }

    document.anmeldung.submit(); }

    </script>

    <body bgcolor="#FEF9F6" topmargin="0" leftmargin="0">

    <p>

    <br> <form name="anmeldung" method="post" action="anmeldung.asp" onSubmit="return chkFormular()">

    <p>&nbsp;</p>

    <table width="432">           <tr>             <td width="172"><font id="size11">Vorname:</font></td>             <td width="256" align="right">               <p align="left"><input type="text" size="26" name="vorname1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="172"><font id="size11">Nachname:</font></td>             <td width="256" align="right">               <p align="left"><input type="text" size="26" name="nachname1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"></td>             <td width="280" align="right">             </td>           </tr>           <tr>             <td width="148"><font id="size11">Reisebüro-Name:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="bueroname1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">Agenturnummer:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="agenturnummer1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"></td>             <td width="280" align="right">             </td>           </tr>           <tr>             <td width="148"><font id="size11">Straße / Nr.:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="strasse1" font id="size11" value=""><input type="text" size="4" name="strassenummer1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">PLZ / Ort::</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="5" name="plz1" font id="size11" value=""><input type="text" size="25" name="ort1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"></td>             <td width="280" align="right">             </td>           </tr>           <tr>             <td width="148"><font id="size11">Telefon:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="telefon1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">Fax:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="fax1" font id="size11" value=""></p>             </td>           </tr>           <tr>             <td width="148"><font id="size11">Ihre E-Mailadresse:</font></td>             <td width="280" align="right">               <p align="left"><input type="text" size="26" name="emailadresse1" font id="size11" value=""></p>             </td>           </tr>         </table>

    <p>&nbsp;   <p align="left"><a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a>  </form>

    1. Hallo.

      document.anmeldung.submit();

      Ja, wenn du am Ende der Funktion auch angibst, dass das Formular abgesendet werden soll.

      <p align="left"><a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a>

      Nehme den Link um den Button raus.

      Ich hoffe ich konnte helfen, H2O

      --
      #*~!:     Endlich Ferien.
      Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:|
      Infos:    http://emmanuel.dammerer.at/selfcode.html
    2. so hab es hinbekommen, hatte ein } zu viel..

      Danke euch sehr.

      Jana

    3. Hi Jana,

      so jetzt habe ich folgendes und es funktioniert nicht:

      was funktioniert denn nicht?

      <script type="text/javascript">
       ...
       </script>

      hast du den Scriptbereich im head deiner Seite notiert?

      document.anmeldung.submit();

      das erledigt der Submit-Button. Zur richtigen Funktion fehlt außerdem noch ein Rückgabewert von chkFormular() wenn alle Eingaben richtig sind. true würde sich hier anbieten.

      <a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a>

      Den Submit-Button funktioniert wesentlich besser wenn er nicht verlinkt ist.

      Grüße,

      Jochen