• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

Einfache Formularvalidierung funktioniert nicht

User_X

Granny Smith
Registriert
03.07.10
Beiträge
13
Hallo Leute,
ich habe gerade eine einfache Formularvalidierung mit Javascript programmiert.
Diese funktionier aber nicht.
Könnt ihr mit helfen?

Hier der HTML-Code:

Code:
<div class="formular">
		
		<form method="get" onsubmit="return pruefeFormular()" action="">
	
			<fieldset>	
			
			<label for="uwe">Uwe Reichenbach</label>
			<input type="radio" name="mitwem" value="uwe"  id="uwe"/>
			
			<br />
			<br />
			
			<label for="wolfgang">Wolfgang Schurig</label>
			<input type="radio" name="mitwem" value="wolfgang"  id="wolgang"/>
			
			<br />
			<br />
	
			<label for="vorname"> Vorname </label> 
			<input type="text" name="vname" id="vorname" />
			
			<br />
			<br />
			
			<label for="name"> Name </label>
			<input type="text" name="name" id="name" />
			
			<br />
			<br />
		
			<label for="et"> E-Mail/Telefon </label> 
			<input type="text" name="email" id="email" />
			
			<br />
			<br />
			
			<label for="betreff">Betreff</label>
			<textarea value="betreff" cols="25" rows="10" id="betreff"></textarea>
			
			<br />
			<br />
			
			&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
			<input type="submit" name="submit" value="Abschicken" id="submit"/>
			&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;	
			<input type="reset" name="reset" value="Zur&uuml;cksetzen" id="reset"/>
			
			</fieldset>
		
		</form>
		
		</div>

Hier der JS-Code:

Code:
function pruefeFormular() {
	
	var fehler = 'Sie haben folgende Informationen nicht angegeben:\n\n';
	
	if (document.getElementById('vname').value == "") {
		fehler += 'Ihren Vornamen\n';
		}
		
	if (document.getElementById('name').value == "") {
		fehler += 'Ihren Nachnamen\n';
		}
	
	if (document.getElementById('et').value == "") {
		fehler += 'Ihren E-Mail oder Telefonnummer\n';
		}
		
	if (document.getElementById('betreff').value == "") {
		fehler += 'Ihren Betreff\n';
		}
		
	
	if (fehler != '') {
	alert(var fehler);
	return false;
	}
	
	else {
	return true;
	}

Danke schonmal im Vorraus :)
 
Einmal bei Email/Telefon und bei Vorname hast du im HTML-Code eine andere id als im JS-Code.

Außerdem müsste hier:
alert(var fehler);
das var weg. Müsste also so aussehen:
alert(fehler);

Und falls das nicht hilft, kannste ja mal sagen was genau nicht funktioniert.
 
ist ganz einfach. du willst auf ids zugreifen die nicht definiert sind. Du greifst auf die IDs vname und et zu die aber bei dir mit vorname und email deklariert sind.
lade dir mal das PlugIn "Web-Developer" für FF runter. da hast du ne brauchbare JS fehlerkonsole drin und es sollte dir auf schlag ausgegeben werden das die erforderlichen IDs null sind.

und in deinem alert darf das var nicht stehen! also nur alert(fehler)


Nachtrag: Creativ war schneller aber antworten sind gleich;-)