Formularprüfung, die nur zur Hälfte funktioniert
Tom
- javascript
0 Pidder Lüng0 tom
halli hallo hallöle,
ich habe mir mal ein kleines javascript modifiziert und in mein formular zu prüfung eingbunden. das tolle ist, dass die prüfung einwandfrei funktioniert, aber das return, obwohl ein false gesetzt wurde, nicht verhindert wird und so die seite trotz fehler gesendet wird. wer kann helfen ???
im folgenden der komplette html-code. ist etwas viel, aber sicher sinnvoll.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD><meta name="revisit-after" content="14 days"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <TITLE>Kontaktieren Sie Delitzsch.org</TITLE> <link rel="stylesheet" href="../index3.css" type="text/css"> <script language=javaScript> function chkFormular() { if(window.document.kontakt.Text.value == "") { alert("Bitte Ihren Text eingeben!"); document.Formular.User.focus(); return false; } if(window.document.kontakt.Email.value == "") { alert("Bitte Ihre E-Mail-Adresse eingeben!"); document.Formular.Mail.focus(); return false; } if(window.document.kontakt.Email.value.indexOf('@') == -1) { alert("Keine E-Mail-Adresse!"); document.Formular.Mail.focus(); return false; } if(window.document.kontakt.Betreff.value == "") { alert("Bitte einen Betreff auswählen!"); document.Formular.User.focus(); return false; } } </script> </HEAD> <BODY background="../hg_003.gif">
<div align="center"> <p class="schwarz1g">Kontakt</p> <table class="bg1" border="0" cellpadding="2" cellspacing="0" width="400"> <tr> <td> <table border="0" cellpadding="3" cellspacing="0" width="400"> <tr valign="top"> <td class="tablehead" width="104"> per E-mail an:</td> <td class="tablehead" colspan="2"> <div align="right"> <a href="javascript:history.back()"> <img src="../Stadtmenu/symb_pics/pfeil_l.gif" Alt="Zurück" border="0"></a> </div> </td>
</tr> <tr valign="top"> <td width="104" class="tablenormal"> Service </td> <td width="284" class="tablenormal"> <a href="mailto:Webmaster@Delitzsch2000.de">Webmaster@Delitzsch2000.de </a></td> </tr> <tr valign="top"> <td width="104" class="tablenormal"> Linkliste </td> <td width="284" class="tablenormal"> <a href="mailto:Anmeldung@Delitzsch2000.de">Anmeldung@Delitzsch2000.de </a></td> </tr> </table> </td> </tr> </table>
<p></p>
<table border=0 cellspacing=0 cellpadding=0 width=350 height=150 bgcolor="#FFFFCC" align="center"> <tr align=LEFT valign=TOP> <td width="200"> <form name="kontakt" action="/cgi-bin/mailmanager.pl" method=POST onSubmit="return chkFormular()">> <table class="bg1" border="0" cellpadding="2" cellspacing="0" width="400" align="center"> <tr> <td> <table border="0" cellpadding="3" cellspacing="0" width="400"> <tr valign="top"> <td class="tablehead" width="128"> <input type=HIDDEN name="subject" value="Kontaktmail:"> <input type=HIDDEN name="redirect" value="http://www.delitzsch2000.de/Kontakt/kontakt_danke.html"> <input type=HIDDEN name="recipient" value="Webmaster@Delitzsch2000.de"> Unser Formular</td> </tr> <tr valign="top"> <td width="128" class="tablenormal">Ihr Text an uns:</td> <td width="260" class="tablenormal"> <textarea wrap=PHYSICAL style="background-color: #ffffcc" id="Ihre Meinung" name="Text" rows=5 cols=26 onFocus="this.style.backgroundColor='#ffffff'" onBlur="this.style.backgroundColor='#FFFFcc'"> </textarea> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal">Ihre E-Mail-Adresse: </td> <td width="260" class="tablenormal"> <input style="background-color: #ffffcc" id="E-Mail-Adresse" type=TEXT name="Email" value="" size=26 maxlength=26 onFocus="this.style.backgroundColor='#ffffff'" onBlur="this.style.backgroundColor='#FFFFcc'"> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal">Betreff:</td> <td width="260" class="tablenormal"> <select name="Betreff"> <option value="" style="background-color: #ffffcc" >-------</option> <option value="Allgemeines" style="background-color: #ffffcc" >Allgemeines</option> <option value="Linkliste" style="background-color: #ffffcc" >Linkliste</option> <option value="Layouts" style="background-color: #ffffcc" >Layouts</option> <option value="Lob&Kritik" style="background-color: #ffffcc" >Lob & Kritik</option> <option value="Webmaster" style="background-color: #ffffcc" >Webmasterprogramme</option> <option value="Suche" style="background-color: #ffffcc" >Suche</option> <option value="Fehler" style="background-color: #ffffcc" >Fehler</option> </select> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal"> <input type=RESET name="Input4" value="Löschen" class="farbig" id="Formularknopf2"> </td> <td width="260" class="tablenormal"> <input type=SUBMIT value="Absenden" id="Button" class="farbig"> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal"></td> <td width="260" class="tablenormal"> <!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK --> <a href="http://partners.webmasterplan.com/click.asp?ref=53709&site=1711&type=b2&bnb=2" target="_top"> <img src="http://banners.webmasterplan.com/view.asp?site=1711&ref=53709&b=2" border="0" alt="FinanceScout24" width="234" height="60"></a><br> <!-- END PARTNER PROGRAM --> </td> </tr> </table> </td> </tr> <tr> </tr>
</table> </form> </td> </tr> </table> </BODY> </HTML>
danke tom
Hallo Tom,
da es mich schwer gewundert hat, warum onSubmit="return irgendwas()" nicht funktioniert und dies gerade mein Thema war, habe ich mir mal deinen Quelltext angeschaut. Es gab einige Ungereimtheiten, die zu JavaScript-Fehlern führten. Warum auch immer, aufgrund dieser Fehler wurde dein Script abgeschickt. Ich habe diese Fehler korrigiert - und bei mir (nur IE 6 getestet) funktioniert es. Da ich jetzt weder Zeit noch Lust habe die Fehler in deinem Quellcode anzustreichen, poste ich den reparierten Code. Such die betreffenden Stellen am Besten über einen Dokumenten-Vergleich.
Viele Grüße
Pidder Lüng
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD><meta name="revisit-after" content="14 days"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <TITLE>Kontaktieren Sie Delitzsch.org</TITLE> <link rel="stylesheet" href="../index3.css" type="text/css"> <script language=javaScript> function chkFormular() { if(window.document.kontakt.Text.value == "") { alert("Bitte Ihren Text eingeben!"); document.kontakt.Text.focus(); return false; } if(window.document.kontakt.Email.value == "") { alert("Bitte Ihre E-Mail-Adresse eingeben!"); document.kontakt.Email.focus(); return false; } if(window.document.kontakt.Email.value.indexOf('@') == -1) { alert("Keine E-Mail-Adresse!"); document.kontakt.Email.focus(); return false; } if(window.document.kontakt.Betreff.value == "") { alert("Bitte einen Betreff auswählen!"); document.kontakt.Betreff.focus(); return false; } } </script> </HEAD> <BODY background="../hg_003.gif">
<div align="center"> <p class="schwarz1g">Kontakt</p> <table class="bg1" border="0" cellpadding="2" cellspacing="0" width="400"> <tr> <td> <table border="0" cellpadding="3" cellspacing="0" width="400"> <tr valign="top"> <td class="tablehead" width="104"> per E-mail an:</td> <td class="tablehead" colspan="2"> <div align="right"> <a href="javascript:history.back()"> <img src="../Stadtmenu/symb_pics/pfeil_l.gif" Alt="Zurück" border="0"></a> </div> </td>
</tr> <tr valign="top"> <td width="104" class="tablenormal"> Service </td> <td width="284" class="tablenormal"> <a href="mailto:Webmaster@Delitzsch2000.de">Webmaster@Delitzsch2000.de </a></td> </tr> <tr valign="top"> <td width="104" class="tablenormal"> Linkliste </td> <td width="284" class="tablenormal"> <a href="mailto:Anmeldung@Delitzsch2000.de">Anmeldung@Delitzsch2000.de </a></td> </tr> </table> </td> </tr> </table>
<p></p>
<table border=0 cellspacing=0 cellpadding=0 width=350 height=150 bgcolor="#FFFFCC" align="center"> <tr align=LEFT valign=TOP> <td width="200"> <form name="kontakt" action="[hier musst du noch deinen URI angeben]" method=POST onSubmit="return chkFormular()">> <table class="bg1" border="0" cellpadding="2" cellspacing="0" width="400" align="center"> <tr> <td> <table border="0" cellpadding="3" cellspacing="0" width="400"> <tr valign="top"> <td class="tablehead" width="128"> <input type=HIDDEN name="subject" value="Kontaktmail:"> <input type=HIDDEN name="redirect" value="http://www.delitzsch2000.de/Kontakt/kontakt_danke.html"> <input type=HIDDEN name="recipient" value="Webmaster@Delitzsch2000.de"> Unser Formular</td> </tr> <tr valign="top"> <td width="128" class="tablenormal">Ihr Text an uns:</td> <td width="260" class="tablenormal"> <textarea wrap=PHYSICAL style="background-color: #ffffcc" id="Ihre Meinung" name="Text" rows=5 cols=26 onFocus="this.style.backgroundColor='#ffffff'" onBlur="this.style.backgroundColor='#FFFFcc'"> </textarea> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal">Ihre E-Mail-Adresse: </td> <td width="260" class="tablenormal"> <input style="background-color: #ffffcc" id="E-Mail-Adresse" type=TEXT name="Email" value="" size=26 maxlength=26 onFocus="this.style.backgroundColor='#ffffff'" onBlur="this.style.backgroundColor='#FFFFcc'"> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal">Betreff:</td> <td width="260" class="tablenormal"> <select name="Betreff"> <option value="" style="background-color: #ffffcc" >-------</option> <option value="Allgemeines" style="background-color: #ffffcc" >Allgemeines</option> <option value="Linkliste" style="background-color: #ffffcc" >Linkliste</option> <option value="Layouts" style="background-color: #ffffcc" >Layouts</option> <option value="Lob&Kritik" style="background-color: #ffffcc" >Lob & Kritik</option> <option value="Webmaster" style="background-color: #ffffcc" >Webmasterprogramme</option> <option value="Suche" style="background-color: #ffffcc" >Suche</option> <option value="Fehler" style="background-color: #ffffcc" >Fehler</option> </select> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal"> <input type=RESET name="Input4" value="Löschen" class="farbig" id="Formularknopf2"> </td> <td width="260" class="tablenormal"> <input type=SUBMIT value="Absenden" id="Button" class="farbig"> </td> </tr> <tr valign="top"> <td width="128" class="tablenormal"></td> <td width="260" class="tablenormal"> <!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK --> <a href="http://partners.webmasterplan.com/click.asp?ref=53709&site=1711&type=b2&bnb=2" target="_top"> <img src="http://banners.webmasterplan.com/view.asp?site=1711&ref=53709&b=2" border="0" alt="FinanceScout24" width="234" height="60"></a><br> <!-- END PARTNER PROGRAM --> </td> </tr> </table> </td> </tr> <tr> </tr>
</table> </form> </td> </tr> </table> </BODY> </HTML>
hallo Pidder Lüng
vielen dank für die hilfe. die fehler werde ich mir selbstverständlich suchen und daraus lernen. danke also
tom
ps.: auch bei mir funktionierts