Ergebnis 1 bis 3 von 3
  1. #1
    Granny Smith
    Themenstarter

    Registriert
    07.2010
    Ort
    Leipzig
    Beiträge
    13

    Einfache Formularvalidierung funktioniert nicht

    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

  2. #2
    Golden Delicious
    Registriert
    01.2011
    Beiträge
    9
    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.

  3. #3
    Dülmener Rosenapfel Avatar von das_micha
    Registriert
    03.2007
    Ort
    Bad Bevensen aka der A**** der Heide
    Alter
    34
    Beiträge
    1.665
    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
    Vollzeitfalschparker....
    MacBook late '08 2,0 C2D - 4GB | iMac 27" i5 - 12GB | MacMini 1,83 C2D - 1GB | iPhone 3Gs weiß + iPad 32GB | ATV2
    last but not least: good old iPod Shuffle 512MB*g*

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •