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 align="left"> <input name="Telefon" type="text" size="15" maxlength="20"> </div> </div></td> </tr> <tr> <td align="right" class="Stil50"> <div align="left" class="Stil56"> <div align="right">PLZ / Ort * </div>
</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>
<td align="right" class="Stil50"><div align="left" class="Stil1"> <div align="left"> <input name="realname" type="text" size="15" maxlength="20"> </div> </div></td> </tr> <tr> <td align="right" valign="top" class="Stil50"> <div align="left" class="Stil56">
<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>
<td align="right" valign="top" class="Stil43"> </td> <td colspan="3" align="right" valign="top" class="Stil43"><div align="left"> <input type="submit" class="Button" value="Absenden"> <img src="originale/images/spacer.gif" width="20" height="5"> <input type="reset" class="Button" value="Abbrechen"> <INPUT type=hidden name="subject" value="Anfrage zum aktuellen Angebot von www.reisebuero-schoenfeld.de"> <INPUT type=hidden name="redirect" value="../schoenfeld2/danke.htm"> </div></td> </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>
<br> </div></td> </tr> </table> <div align="center"></div> <div align="right"><span class="Stil43"><br> </span><span class="Stil26"><br> </span> </div>
</div> </form>