Einfache Formularvalidierung funktioniert nicht

[user_x]

Hallo Leute.
Ich habe gerade eine einfache Formularvalidierung mit JavaScript programmiert.
Diese funktioniert leider nicht. Kann mit irgendjemand helfen?

hier der HTML-Code:

<form method="get" onsubmit="return pruefeFormular()" action="">
	
			<fieldset>	
			
			<label for="uwe">name1</label>
			<input type="radio" name="mitwem" value="uwe"  id="name1"/>
			
			<br />
			<br />
			
			<label for="wolfgang">name2</label>
			<input type="radio" name="mitwem" value="name2"  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>

der JS-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;
	}

 

[threadi]

"funktioniert nicht" ist eine blöde Beschreibung des Problems.

Anhand deines Codes sehe ich jedoch gleich mehrere Probleme. Das Hauptproblem dürfte sein, dass Du im JavaScript IDs ansprichst die es nicht gibt. "vname" heißt z.B. im HTML-Code "vorname". Weiterhin ist das hier

alert(var fehler);

falsch. Es müsste

alert(fehler);

heißen.

 

[vanGoss]

if (fehler != '') {

kann auch nich funktonieren weil du ja in fehler am anfang schon was rein tust

außerdem hast du noch eine klammer vergessen glaub

probiers mal so:

function pruefeFormular() {
var fehler = '';
var fehler2 = '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(fehler2+fehler);
     return false;
     }else {     return true;     }
}