Formular wird trotz return false abgeschickt

[ketza]

Hallo Leute,

ich lasse ein HTML-Formular per JavaScript-Funktion nochmal auf Richtigkeit überprüfen. Das funktioniert auch gut, fehlende Werte werden moniert. Das Problem ist aber, dass trotz eines fehlenden Werts das Formular abgeschickt wird. Die Check-Funktion müsste false zurückgeben, das Formular dürfte nicht abgeschickt werden.. oder übersehe ich da etwas?

Hier die HTML Zeile:

  
<form name="bestellformular" action="datenspeichern" method="post" onSubmit="return checkForm();">  

Und die JavaScript-Funktion:

  
function checkForm()  
{  
	if (document.getElementById("Name").value == "")  
	{  
		alert("Geben Sie bitte Ihren Namen ein.");  
		document.getElementyById("Name").focus();  
		return false;  
	}  
	if (document.getElementById("Strasse").value == "")  
	{  
		alert("Geben Sie bitte Ihre Straße und Hausnummer ein.");  
		document.getElementyById("Strasse").focus();  
		return false;  
	}  
	if (document.getElementById("PLZ").value == "")  
	{  
		alert("Geben Sie bitte Ihre Postleitzahl an.");  
		document.getElementyById("PLZ").focus();  
		return false;  
	}  
	....  
	return true;  
}  

Kann da jemand helfen?

[Beat]

<form name="bestellformular" action="datenspeichern" method="post" onSubmit="return checkForm();">

>   
> Und die JavaScript-Funktion:  
> ~~~javascript
  

> function checkForm()  
> {  
> 	if (document.getElementById("Name").value == "")  
> 	{  
> 		alert("Geben Sie bitte Ihren Namen ein.");  
> 		document.getElementyById("Name").focus();  
> 		return false;  
> 	}  
> 	if (document.getElementById("Strasse").value == "")  
> 	{  
> 		alert("Geben Sie bitte Ihre Straße und Hausnummer ein.");  
> 		document.getElementyById("Strasse").focus();  
> 		return false;  
> 	}  
> 	if (document.getElementById("PLZ").value == "")  
> 	{  
> 		alert("Geben Sie bitte Ihre Postleitzahl an.");  
> 		document.getElementyById("PLZ").focus();  
> 		return false;  
> 	}  
> 	....  
> 	return true;  
> }  
> 

Kann da jemand helfen?

Zonkretiere dich auf das hiessige Syntax highlighting. Es enthält hinweise.

mfg Beat

[ketza]

Oh. Wie peinlich. Vielen Dank für die Hinweise. ;)

[Der Martin]

Hallo,

Das Problem ist aber, dass trotz eines fehlenden Werts das Formular abgeschickt wird. Die Check-Funktion müsste false zurückgeben, das Formular dürfte nicht abgeschickt werden.. oder übersehe ich da etwas?

ja, die Javascript-Fehlermeldung, aufgrund der die Ausführung des Scripts abgebrochen wird.

Ciao,
 Martin

[ChrisB]

Hi,

oder übersehe ich da etwas?

ja, die Javascript-Fehlermeldung, aufgrund der die Ausführung des Scripts abgebrochen wird.

Die übersieht man natürlich leicht, wenn sofort durch das Abschicken des Formulars auf eine neue Seite gewechselt wird.

Tipp: Funktion erst mal mittels Klick auf ein Element aufrufen, welches *nicht* das Formular abschickt.

MfG ChrisB