Funktion "CheckData" bei Formular funktioniert nicht von Andre, 18.11.2007 18:56

Funktion "CheckData" bei Formular funktioniert nicht

Andre Homepage des Autors 18.11.2007 18:56

javascript

Hallo,

ich habe ein Problem mit einem Formular. Dort sollen die Formulardaten mit der Javascript-Funktion "CheckData" überprüft werden. Jedoch scheint dies nicht der Fall zu sein, denn auch wenn man ein leeres Formular absendet, kommt kein Fehler, was ja aber mit der Funktion passieren sollte. Zu finden ist das Formular im Original unter: http://www.vorbild-design.de/schoenfeld2/anfrage1.htm

Vielleicht kann ja jemand herausfinden, wo der Fehler liegt. Bin für jeden Tipp dankbar, da ich selbst schon daran verzweifelt bin. Wahrscheinlich ist es nur eine Kleinigkeit ...

Danke schonmal, André

Hier aber mal der entsprechende Quellcode: Zuerst die Funktion im "HEAD:

<SCRIPT type=text/javascript> <!-- function checkData() {

if(document.Anfrageform.Name.value == "") { alert("Bitte geben Sie Ihren Namen und Vornamen ein!"); document.Anfrageform.Name.focus(); return false; }

if(document.Anfrageform.Strasse.value == "") { alert("Bitte geben Sie Ihre Straße ein!"); document.Anfrageform.Strasse.focus(); return false; }

if(document.Anfrageform.Telefon.value == "") { alert("Bitte geben Sie Ihre Telefonnummer ein!"); document.Anfrageform.Telefon.focus(); return false;

if(document.Anfrageform.PLZ_Ort.value == "") { alert("Bitte geben Sie Ihre Postleitzahl und Ihren Ort ein!"); document.Anfrageform.PLZ_Ort.focus(); return false; }

if(document.Anfrageform.realname.value == "") { alert("Bitte geben Sie Ihre E-Mail-Adresse ein!"); document.Anfrageform.realname.focus(); return false; } if (document.Anfrageform.realname.value.indexOf('@')==-1) { alert("Ihre E-Mail-Adresse ist nicht korrekt!"); document.Anfrageform.realname.focus(); return false; } if (document.Anfrageform.Antwort_per.checked != true) { alert("Bitte wählen Sie die gewünschte Art der Kontaktaufnahme!"); document.Anfrageform.Antwort_per.focus(); return false; }

//--> return true; } </SCRIPT>

Und jetzt das Formular: <form name="Anfrageform" action="../system-cgi/formmail.pl" method="POST" onsubmit="return checkData()"> <div align="left">

<input type="Hidden" name="recipient" value="reisebuero-schoenfeld@t-online.de"> <table width="500" border="0" align="center" cellpadding="3" cellspacing="0"> <tr> <td colspan="4" align="left" class="Stil50"><span class="Stil55">Bitte senden Sie mir schnellstmöglich Informationen über die Verfügbarkeit des von <br> mir gewünschten Angebotes oder mögliche Alternativen ... </span><br></td>

</tr> <tr> <td width="124" align="right" class="Stil50"><div align="right" class="Stil55">per*</div></td> <td width="143" align="right" class="Stil50"><div align="left" class="Stil55"> <input type="checkbox" class="Check" name="Antwort_per" value="E-Mail"> E-Mail <input type="checkbox" class="Check" name="Antwort_per" value="Telefon"> Telefon </div></td> <td width="76" align="left" class="Stil50"><div align="right" class="Stil55">Angebotsnr.</div></td>

<td width="152" align="left" class="Stil50"><select name="Angebotsnr" size="1"> <option >Angebot 1</option> <option >Angebot 2</option> <option >Angebot 3</option> <option >Angebot 4</option> <option >Angebot 5</option>

</select></td> </tr> <tr> <td align="right" class="Stil50"> <div align="left" class="Stil56"> <div align="right">Name, Vorname* </div> </div></td> <td align="right" class="Stil50"><div align="left" class="Stil1"> <div align="left">

<input name="Name" type="text" size="15" maxlength="30"> </div> </div></td> <td colspan="2" align="right" class="Stil50"><div align="right"><span class="Stil55"></span></div></td> </tr> <tr> <td align="right" class="Stil50"> <div align="right" class="Stil55"><span class="Stil54">Straße, Nr.*</span> </div></td>

<td align="right" class="Stil50"><div align="left" class="Stil1"> <div align="left"> <input name="Strasse" type="text" size="15" maxlength="40"> </div> </div></td> <td align="right" class="Stil50"> <div align="right" class="Stil55">Telefon*</div></td> <td align="right" class="Stil50"><div align="left" class="Stil1">

</div></td> <td align="right" class="Stil50"><div align="left" class="Stil1"> <div align="left"> <input name="PLZ_Ort" type="text" size="15" maxlength="50"> </div> </div></td> <td align="right" class="Stil50"> <div align="right" class="Stil55">E-Mail*</div></td>

<div align="right">Zeitraum</div> </div></td> <td colspan="3" align="right" valign="top" class="Stil50"><div align="left" class="Stil1"> <div align="left" class="Stil54"> <input name="Zeitraum" type="text" size="15" maxlength="10"> (Datum (von bis) eingeben)</div> </div></td> </tr> <tr>

<td align="left" valign="top" class="Stil50"><div align="left" class="Stil56"> <div align="right">Dauer</div> </div></td> <td colspan="3" align="left" valign="top" class="Stil50"><div align="left" class="Stil54"> <input name="Dauer" type="text" size="15" maxlength="10"> (gewünschte Reisedauer eingeben)</div></td> </tr>

<tr> <td align="left" valign="top" class="Stil50"><div align="right" class="Stil55"><span class="Stil54">Flughafen</span></div></td> <td colspan="3" align="left" valign="top" class="Stil50"><span class="Stil54"> <input name="Flughafen" type="text" size="15" maxlength="10"> (gewünschte Reiseflughafen eingeben)</span></td> </tr> <tr> <td align="right" valign="top" ><div align="left" class="Stil57">

<div align="right">Personen</div> </div></td> <td align="left" valign="top" class="Stil50"><div align="right" class="Stil55">Erwachsene</div></td> <td colspan="2" align="left" valign="top" class="Stil50"> <span class="Stil54"><input name="Anzahl_erwachsene" type="text" size="5" maxlength="2"> (bitte Anzahl eingeben)</span></td> </tr> <tr>

<td align="left" valign="top" class="Stil50"><div align="right"><span class="Stil55"></span></div></td> <td align="left" valign="top" class="Stil50"><div align="right" class="Stil55">Kinder</div></td> <td colspan="2" align="left" valign="top" class="Stil50"> <span class="Stil54"><input name="Anzahl_kinder" type="text" size="5" maxlength="2"> (bitte Anzahl eingeben)</span></td> </tr> <tr> <td align="left" valign="top" class="Stil50"><div align="right"><span class="Stil55"></span></div></td>

<td align="left" valign="top" class="Stil50"><div align="right" class="Stil55">Geburtsdaten <br> des/der Kind(er) </div></td> <td colspan="2" align="left" valign="top" class="Stil50"><span class="Stil54"> <input name="Geb-datum_kinder" type="text" size="15" maxlength="10"> </span></td> </tr> <tr> <td align="right" valign="top" class="Stil43">

<div align="right" class="Stil55">Anmerkungen </div></td> <td colspan="3" align="right" valign="top" class="Stil43"><div align="left" class="Stil1"> <div align="left"> <textarea name="Nachricht" cols="40" rows="5"></textarea> </div> </div></td> </tr> <tr>

<tr> <td colspan="4" align="right" valign="top" class="Stil43"><div align="left"><br> Alle mit einem Stern (*) versehenen Angaben sind Pflichtangaben, alle anderen freiwillig. <br> <br> Ihre Angaben werden lediglich für die Zusendung der gewünschten Informationen <br> genutzt und von uns nicht an Dritte weiter gegeben. <br>

</div> </form>

Beitrag melden

– Informationen zu den Bewertungsregeln

Funktion "CheckData" bei Formular funktioniert nicht
plan_B 18.11.2007 19:35

javascript
– Informationen zu den Bewertungsregeln
Hallo,

wahrscheinlich nimmst du zum Testen deiner Seite den falschen Browser.

Netscape Navigator, Firefox, Opera  - alle bieten eine Fehlerconsole an ...

dieses Script wird nicht ausgeführt, weil eine _}_ fehlt. Das hätte dir alle 3 gemeldet. Gut - der IE wird auch was melden, aber das verwirrt einen eher.

if(document.Anfrageform.Telefon.value == "")
      {  alert("Bitte geben Sie Ihre Telefonnummer ein!");
         document.Anfrageform.Telefon.focus();
         return false;

} // hier fehlt sie

if(document.Anfrageform.PLZ_Ort.value == "")
      {  alert("Bitte geben Sie Ihre Postleitzahl und Ihren Ort ein!");

Gruß plan_B

--
     *®*´¯`·.¸¸.·
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Andre: Funktion "CheckData" bei Formular funktioniert nicht