HILFE! Probleme mit Chckformular
Jana P
- javascript
0 Gunnar Bittersmann0 Jana P
0 Maxx0 Fabian St.0 H2O0 Jana P
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> </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> <p align="left"><a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a> </form>
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
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
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
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.
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
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> </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> <p align="left"><a href="javascript:chkFormular()"><input type="submit" value="Absenden" name="B1" font id="size11"></a> </form>
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
so hab es hinbekommen, hatte ein } zu viel..
Danke euch sehr.
Jana
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