zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden simple Formularvalidierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.02.2011, 19:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard simple Formularvalidierung

Hallo.
Ich will ein Formular Mittels JavaScript validieren lassen, jedoch funktioniert das nicht so ganz. Kann mit jemand vielleicht helfen?

Hier der JS-Code
Code:
function checkForm() {
	
	var fehler = "Sie haben foglende Informationen nicht angegeben:\n";
	
	var erfolg = "Ihre Kontaktabfrage wurde erfolgreich abgeschickt!";
	
	var elemente = document.forms[0].elements;
	
	if (elemente["mitwem"] [0].value == false && 
		elemente["mitwem"] [1].value == false) {
		fehler += "den Kontaktpartner\n";
		erfolg += 1;
	}
	
	if (elemente["vorname"]).value == "") {
		fehler += "Ihren Vornnamen\n";
		erfolg += 1;
	}
	
	if (elemente["name"]).value == "") {
		fehler += "Ihren Nachnamen\n";
		erfolg += 1;
	}
	
	if (elemente["et"]).value == "") {
		fehler += "Ihre Telefonnummer/ Ihre E-Mail\n";
		erfolg += 1
	}
	
	if (elemente["betreff"]).value == "") {
		fehler += "den Betreff";
		erfolg += 1
	}
	
	if (fehler != "") {
	alert(fehler);
	return false;
	}
	
	if (erfolg = 0) {
	alert(erfolg);
	return true;
	}
	
}
Hier der Seitenquelltext:

HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="de">

<head>

	<meta name="keywords" lang="de" content="Verkehrsschulungen, Verkehrspr&auml;vention, Verkehrswacht, Torgau und Umgebung, Polizei Sachsen">
	
	<meta name="description" lang="de" content="Ihre kompetenten Partner für Verkehrssicherheit">
	
	<title>Verkehrsschulungen</title>
	
	<link rel="stylesheet" href="../Styles/general.css">
	<link rel="stylesheet" href="../Styles/kontakt.css">
	<script src="../Scripte/formular.js" type="text/javascript"></script>
	
</head>

<body>

	<div class="site">
	
	<div class="header"><div class="titel">Kontakt</div></div>
	
	<div id="navigation">
	<ul class="navigationselemente">
	
		<li> <a href="index.html"> Start </a> </li> 
		
		<li> <a href="name1.html"> Uwe Reichenbach </a> </li> 
		
		<li> <a href="name2.html"> Wolfgang Schurig </a> </li> 
		
		<li> <a href="kontakt.html"> Kontakt </a> </li>
		
		<li> <a href="impressum.html"> Impressum </a> </li>
				
	</ul>
	
	</div>

	<div class="content">
	
		<div class="formular">
		
		<form method="post" onsubmit="checkForm()">
	
			<fieldset>	
			
			<div class="kontakt"> <label for="name1">name1</label>
			<input type="radio" size="34px" name="mitwem" value="uwe" /> </div>
			
			<br />
			
			<div class="kontakt"> <label for="name2">name2</label>
			<input type="radio" size="34px" name="mitwem" value="wolfgang" /> </div>
			
			<br />
	
			<div class="kontakt"> <label for="vorname"> Vorname </label> 
			<input type="text" size="34px" name="vorname" id="vorname" /> </div>
			
			<br />
			
			<div class="kontakt"> <label for="name"> Name </label>
			<input type="text" size="34px" name="name" id="name" /> </div>
			
			<br />
		
			<div class="kontakt"> <label for="et"> E-Mail/Telefon </label> 
			<input type="text" size="34px" name="email" id="email" /> </div>
			
			<br />
			
			<div class="kontakt"> <label for="betreff">Betreff</label>
			<textarea value="betreff" cols="25" rows="10">max. 500 Zeichen</textarea> </div>
			<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>
		
		<div class="kontakttext"> 
		
			<p>Hier k&ouml;nnen Sie uns eine Kontaktanfrage zukommen lassen. Wir werden Ihnen 
			   schnellstm&ouml;glich zur&uuml;ckschreiben.</p> <br /> <p>Damit wir Ihre Anfrage schneller
			   bearbeiten
			   k&ouml;nnen, schreiben Sie uns bitte in der Betreffzeile an, wie wir Sie am besten erreichen
			   k&ouml;nnen</p> <br /> <p>Au&szlig;erdem geben bitte noch die Art und den vorraussichtlichen Ort
			   der Veranstaltung an. </p> <br />
			   <p>Die von	Ihnen angegebenen Daten werden an keinen Dritten weitergeleitet und streng
			   vertraulich behandelt.
			</p>
		
		</div>
				
		</div>
 
</body>

</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.02.2011, 22:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard

Bitte. Hat denn niemand ne Idee wo mein Fehler ist?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.02.2011, 22:18
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Was funktioniert denn nicht ?
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #4 (permalink)  
Alt 14.02.2011, 22:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard

Na wenn ich auf 'Absenden' drücke ohne irgendwas einzugeben, dann kommt keine Warnmeldung.
Mit Zitat antworten
  #5 (permalink)  
Alt 14.02.2011, 22:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard

Und wenn ich etwas eingebe kommt auch keine Bestätigung.
Mit Zitat antworten
  #6 (permalink)  
Alt 14.02.2011, 22:22
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Schau dir deinen Code doch bitte an, du setzt willkürlich Leerzeichen (Zeile 9, 10), du schließt Klammern die du nie geöffnet hast (Zeile 15, 20, usw.).
Mit Zitat antworten
  #7 (permalink)  
Alt 14.02.2011, 22:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard

Das mit den Klammern hab ich jetzt korrigiert, aber was stimmt mit welchen Leerzeichen nicht?
Mit Zitat antworten
  #8 (permalink)  
Alt 14.02.2011, 22:45
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Was soll das deiner Meinung nach tun:
Code:
elemente["mitwem"] [0].value
?

Das Leerzeichen muss weg und generell würde ich zur dot notation raten. Wenn du dein Javascript validieren möchtest, kannst du zum Beispiel JSLint nutzen.
Mit Zitat antworten
  #9 (permalink)  
Alt 14.02.2011, 22:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard

ok .. Danke=)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.02.2011, 22:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 14
user_x befindet sich auf einem aufstrebenden Ast
Standard

Aber was ist dot notation?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Simple Accordion und jQuery.ScrollTo gleichzeitig verwenden? bleny87 Javascript & Ajax 3 24.05.2011 20:08
php Formularvalidierung selectbox labbixenja Serveradministration und serverseitige Scripte 3 24.05.2009 12:31
Simple Formatierung (zentrieren und seitenfluss..) kamiro CSS 3 14.08.2008 12:24
simple sache Max.e.h. (X)HTML 6 31.01.2007 09:30
Simple Auzählung ohne float? radon CSS 3 24.11.2006 16:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:30 Uhr.