Formular Eingaben mit Javascript prüfen

Angenommen man hat ein einfaches Formular mit Name, Strasse und Mailadresse. Dann kann man mit folgendem Script die Eingabe prüfen, so dass das Formular erst dann gesendet wird, wenn die Eingaben korrekt sind:

function checkInput()
{
	var fehler = "";
	var TF = document.forms.testformular;
	var mail = TF.email.value;

	//prüfen ob Name leer ist
	if(TF.name.value == "")
	{
		fehler += "Sie muessen einen Firmennamen angeben";
	}

	//prüfen ob strasse leer ist
	if(TF.strasse.value == "")
	{
		fehler += "\nSie muessen die Strasse angeben";
	}

	//prüfen ob Mail leer ist
	if(f.email.value == "")
	{
		fehler += "\nSie muessen eine E-Mail Adresse angeben";
	}

	//prüfen ob Mail ein @ enthält
	if(mail.indexOf("@") == -1||mail.indexOf(".") == -1 )
	{
		fehler += "\nSie muessen eine gueltige E-Mail Adresse angeben";
	}

	if (fehler != "")
	{
		var fehlertext = "Folgende Fehler sind aufgetreten:\n";
		fehlertext += fehler
		alert(fehlertext)
		return false
	}
	
return true
}

Das ganze bindet man dann folgendermaßen ins Formular ein:

<form name="testformular" onSubmit="return checkInput()" method="POST" action="test.php">

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert