Es wird keine Fehlermeldung ausgegeben

Robbyn- · 20.05.2010

Hy habe ein Problem mit hilfe von Javascript eine Fehlermeldung auszugeben mithilfe einer Alert Box hier ist der Code dazu:

Code:

<script language="javascript" type="text/javascript">
function checkForm() {

var emailValue = document.getElementById("email");
var nameValue = document.getElementById("name");
var vornameValue = document.getElementById("vorname");
var telefonValue = document.getElementById("telefon");
var teilnahmeValue = document.getElementById("teilnahme");

var filter  = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9])+$/;

if ((emailValue == "") || (!filter.test(emailValue))) {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("email").focus();

   return false;
}


if (nameValue == "") {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("name").focus();

   return false;
}


if (vornameValue == "") {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("vorname").focus();

   return false;
}


if (telefonValue == "") {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("telefon").focus();

   return false;
}


if (teilnahmeValue == "") {

   alert(unescape("Bitte akzeptieren Sie die Datenschutzrichtlinien. Danke."));
   document.getElementById("teilnahme").focus();

   return false;
}


document.forms[0].submit();

return true;
}
	var x = window.confirm("Danke für Ihre Teilnahme.");
	return x;
  
</script>




<br><br><br>

<form action="#" method="get" onSubmit="return checkForm();">
	<table width="100%" border="0" cellpadding="3" cellspacing="1">
        
        <tr><td width="140" align="right">*Nachname:</td><td align="left">
        <input type="text" id="name" name="email" style="width:200px;" /></td></tr>
        
        <tr><td align="right">*Vorname:</td><td align="left">
        <input type="text" id="vorname" name="email" style="width:200px" /></td></tr>
        
        <tr><td align="right">Stra&szlig;e:</td><td align="left">
        <input type="text" name="firma" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">Postleitzahl:</td><td align="left">
        <input type="text" name="strasse" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">Ort:</td><td align="left">
        <input type="text" name="strasse" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">*Telefon:</td><td align="left">
        <input type="text" id="telefon" name="email" style="width:200px" /></td></tr>
        
        <tr><td align="right">Alter:</td><td align="left">
        <input type="text" name="telefon" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">*E-Mail:</td><td align="left">
        <input type="text" id="email" name="email" style="width:200px" /></td></tr>
        
        <tr><td colspan="2" style="align=left; padding-left:105px;"><br />
        <input type="reset" value="Formular l&ouml;schen" style="width:110px" />
        &nbsp;&nbsp;
        <input type="submit" name="abschicken" value="Formular absenden" style="width:120px" /></td></tr>

Es wird keine Fehlermeldung ausgegeben das die Pflichtfelder nicht ausgefüllt sind aber wieso nicht???

Mfg.Robbyn

cebito · 20.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

Robbyn- schrieb:
Es wird keine Fehlermeldung ausgegeben das die Pflichtfelder nicht ausgefüllt sind aber wieso nicht???

weil:

deine function nicht geschlossen ist
du lediglich auf das objekt verweist, nicht aber auf den Inhalt
HTML:
```
var emailValue = document.getElementById("email").value;
```
deine function noch mehr Fehler beinhaltet, die ich jetzt leider nicht die Zeit habe rauszusuchen

Hast du firebug installiert? Könnte dir sehr hilfreich sein.

Robbyn- · 20.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

Also meine function ist geschlossen daran liegt es nicht .... dann habe die die values hinzugefügt ok daran kann es gelegen haben ... jetzt funzt es auch aber nur in Safar in Internet Explorer und Firefox geht es nicht ist es dann vielleicht nur noch ein form fehler???

Mfg.Robbyn

Robbyn- · 20.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

ok ich habe ersteinmal den fehler gefunden:

Code:

<script language="javascript" type="text/javascript">
function checkForm() {

var emailValue = document.getElementById("email").value;
var nameValue = document.getElementById("name").value;
var vornameValue = document.getElementById("vorname").value;
var telefonValue = document.getElementById("telefon").value;
var teilnahmeValue = document.getElementById("teilnahme").value;

var filter  = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9])+$/;

if ((emailValue == "") || (!filter.test(emailValue))) {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("email").focus();

   return false;
}


if (nameValue == "") {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("name").focus();

   return false;
}


if (vornameValue == "") {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("vorname").focus();

   return false;
}


if (telefonValue == "") {

   alert(unescape("Bitte f%FChlen Sie die fehlenden Angaben aus. Danke."));
   document.getElementById("telefon").focus();

   return false;
}


if (teilnahmeValue == "") {

   alert(unescape("Bitte akzeptieren Sie die Datenschutzrichtlinien. Danke."));
   document.getElementById("teilnahme").focus();

   return false;
}


document.forms[0].submit();

return true;

	confirm(unescape("Danke f%FCr Ihre Teilnahme."));
}  
</script>




<br><br><br>

<form action="#" method="get" onSubmit="return checkForm();">
	<table width="100%" border="0" cellpadding="3" cellspacing="1">
        
        <tr><td width="140" align="right">*Nachname:</td><td align="left">
        <input type="text" id="name" name="email" style="width:200px;" /></td></tr>
        
        <tr><td align="right">*Vorname:</td><td align="left">
        <input type="text" id="vorname" name="email" style="width:200px" /></td></tr>
        
        <tr><td align="right">Stra&szlig;e:</td><td align="left">
        <input type="text" name="firma" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">Postleitzahl:</td><td align="left">
        <input type="text" name="strasse" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">Ort:</td><td align="left">
        <input type="text" name="strasse" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">*Telefon:</td><td align="left">
        <input type="text" id="telefon" name="email" style="width:200px" /></td></tr>
        
        <tr><td align="right">Alter:</td><td align="left">
        <input type="text" name="telefon" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right">*E-Mail:</td><td align="left">
        <input type="text" id="email" name="email" style="width:200px" /></td></tr>
        
        <tr><td colspan="2" style="align=left; padding-left:105px;"><br />
        <input type="reset" value="Formular l&ouml;schen" style="width:110px" />
        &nbsp;&nbsp;
        <input type="submit" name="abschicken" value="Formular absenden" style="width:120px" /></td></tr>

Jetzt gibt er mir zwar imemr eine Fehlermeldung aus wenn die Pflichtfelder nicht markiert sind auch in allen Browsern, nur selbst wenn ich alle Pflichtfelder markiert habe kommt noch immer eine Fehlermeldung das nicht alle ausgefüllt seien pbewohl des der Fall ist ... wieso???

Mfg.Robbyn

Robbyn- · 20.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

Habe es jetzt einfach nochmal geschrieben und nun funzt es einigermassen zwar werden 2 alert boxen ausgegeben aber das ist ein Presi den ich gern in Kauf nehme.

Code:

<script language="javascript" type="text/javascript">
function checkForm() {

res = true;
res_date = true;
a = document.form1;

if(a.name.value == '') { res = false;}
if(a.vorname.value == '') { res = false;}
if(a.telefon.value == '') { res = false;}
if(a.email.value == '') { res = false;}
if(document.form1.check.checked == false) {res_date = false;}

if(res == false) {alert('Bitte Formular vollständig ausfüllen!')}

if(res_date == false) {alert('Bitte die Datenschutzerklärung lesen!')} else {alert('Vielen Dank das Sie am Gewinnspiel teilgenommen haben! Sie können das Fenster jetzt schließen!')}
return res_date;

}
</script>




<br><bR />

<form action="#" name="form1" method="get" onSubmit="return checkForm();">
	<table width="100%" border="0" cellpadding="3" cellspacing="1">
        
        <tr><td width="140" align="right" class="text2">*Nachname:</td><td align="left">
        <input type="text" id="name" name="email" style="width:200px;" /></td></tr>
        
        <tr><td align="right" class="text2">*Vorname:</td><td align="left">
        <input type="text" id="vorname" name="email" style="width:200px" /></td></tr>
        
        <tr><td align="right" class="text2">Stra&szlig;e:</td><td align="left">
        <input type="text" name="firma" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right" class="text2">Postleitzahl:</td><td align="left">
        <input type="text" name="strasse" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right" class="text2">Ort:</td><td align="left">
        <input type="text" name="strasse" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right" class="text2">*Telefon:</td><td align="left">
        <input type="text" id="telefon" name="email" style="width:200px" /></td></tr>
        
        <tr><td align="right" class="text2">Alter:</td><td align="left">
        <input type="text" name="telefon" value="" style="width:200px" /></td></tr>
        
        <tr><td align="right" class="text2">*E-Mail:</td><td align="left">
        <input type="text" id="email" name="email" style="width:200px" /></td></tr>
       <tr><td colspan="2" style="align=left; padding-left:69px; padding-top:5px;"><p style="width:288px; font-size:10px;">Der Rechtsweg ist ausgeschlossen. Mitarbeiter und Angeh&ouml;rige der Brauerei Zissel sind vom Gewinnspiel ausgeschlossen.<br>
        Einsendeschluss ist der 31.08.2010. Die Gewinner werden schriftlich benachrichtigt.</p></td></tr>
        
        <tr><td colspan="2" style="align=left; padding-left:65px; padding-top:20px;">
        <input type="checkbox" id="teilnahme" name="check" /><span style="font-size:10px;"> Ich habe die Datenschutzrichtlinien gelesen und akzeptiert.</span>
        </td></tr>
        
        <tr><td colspan="2" style="align=left; padding-left:65px;">
        <input type="checkbox" id="teilnahme" name="email" /><span style="font-size:10px;"> Ja, ich m&ouml;chte weitere Informationen und abonniere den regelm&auml;&szlig;igen Zissel-Newsletter.</span>
        </td></tr>
		<tr><td colspan="2" style="align=left; padding-left:105px;"><br />
        <input type="reset" class="button" value="Formular l&ouml;schen" style="width:110px" />
        &nbsp;&nbsp;
        <input type="submit" name="abschicken" class="button" value="Formular absenden" style="width:120px" /></td></tr>
        
	</table>
</form>

P.S. Ich entschuldige mich für die ganzen Post's hintereinander weg.

Mfg.Robbyn

netbandit · 20.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

Robbyn- schrieb:
Habe es jetzt einfach nochmal geschrieben und nun funzt es einigermassen zwar werden 2 alert boxen ausgegeben aber das ist ein Presi den ich gern in Kauf nehme.

einfach mit if, else if und else arbeiten. Beispiel:

HTML:

function checkForm() {

meldung='';

res = true;
res_date = true;
a = document.form1;

if(a.name.value == '') { res = false;}
if(a.vorname.value == '') { res = false;}
if(a.telefon.value == '') { res = false;}
if(a.email.value == '') { res = false;}
if(document.form1.check.checked == false) {res_date = false;}

if(res == false) {meldung='Bitte Formular vollständig ausfüllen!';}
else if(res_date == false) {meldung='Bitte die Datenschutzerklärung lesen!';} 
else {meldung='Vielen Dank das Sie am Gewinnspiel teilgenommen haben! Sie können das Fenster jetzt schließen!'}
alert(meldung);

}
</script>

Grüße

Robbyn- · 20.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

Jo funzt supi musste zwar noch die return's mit einfügen aber jetzt gehts ^^danke dir

Mfg.Robbyn

saila · 22.05.2010

AW: Es wird keine Fehlermeldung ausgegeben

@Robbyn-

Verwende in Zukunft die Edit-Funktion im Forum. Siehe Forenbedingungen!