formularfeld auslesen und fehlermeldung geben

hi! ich habe jetzt ein formular gemacht und er ließt auch die angaben aus und überprüft durch reguläre ausdrücke, ob das eingegeben richtig ist.
ich will aber jetzt nicht, das die fehlermeldung falls nichts eingegeben wurde oder was falsches eingegeben wurde durch eine alert box erscheint, sondern ich will das er das hinter dem jeweiligen formularfeld schreibt, jedoch sobald ich document.write mache überschreibt er mir das formular wie kann ich das lösen?

HTML:
<html>
	<head>
		<title>reguläre ausdrücke</title>
	</head>
	<body style="font-family:verdana">
		<table border="0px">
			<form name="formular">
				<tr>
					<td>
						Nachname:
					</td>
					<td>
						<input type="text" name="nachname" size="20">
					</td>
				</tr>
				<tr>
					<td>
						Vorname:
					</td>
					<td>
						<input type="text" name="vorname" size="20">
					</td>
				</tr>
				<tr>
					<td>
						Wohnort:
					</td>
					<td>
						<input type="text" name="wohnort" size="10">
					</td>
				</tr>
				<tr>
					<td>
						PLZ:
					</td>
					<td>
						<input type="text" name="plz" size="5">
					</td>
				</tr>
				<tr>
					<td>
						E-mail:
					</td>
					<td>
						<input type="text" name="email" size="20">
					</td>
				</tr>
				<tr>
					<td>
						<input type="button" value="Bestellen" onclick="bestell()"> 
						</form>
					</td>
				</tr>
			</table>
	<script type="text/javascript">  
		<!--
			function bestell(){
				var nachname, vorname, wohnort, plz, email, win;
				var ausdruck = /[a-z]{2,}/; 
				var ergebnis; 

				nachname=document.formular.nachname.value;
				ergebnis = ausdruck.test(nachname); 
				if (ergebnis == true) { 
 		 			alert("Eingabe des Nachnamens war korrekt!"); 
				} 
				else if(document.formular.nachname.value == ""){
					alert("bitte geben sie ihren nachnamen ein");
					}
				else { 
 					alert("Eingabe des Nachnamens war falsch!"); 
				} 
		
			var ausdruck2 = /[a-z]{2,}/; 
			var ergebnis2; 
			vorname=document.formular.vorname.value;
			ergebnis2 = ausdruck2.test(vorname); 
			if (ergebnis2 == true) { 
 				alert("Eingabe des Vornamens war korrekt!"); 
			} 
			else if(document.formular.vorname.value == ""){
				alert("bitte geben sie ihren vornamen ein");
				}
			else { 
 				alert("Eingabe des Vornamens war falsch!"); 
			} 
		
		
			var ausdruck3 = /[a-z]{2,}/; 
			var ergebnis3; 
			wohnort=document.formular.wohnort.value;
			ergebnis3 = ausdruck3.test(wohnort); 
			if (ergebnis3 == true) { 
 				alert("Eingabe des Wohnorts war korrekt!"); 
			} 
			else if(document.formular.wohnort.value == ""){
				alert("bitte geben sie ihren wohnort an");
				}
			else { 
 		 		alert("Eingabe des Wohnorts war falsch!"); 
			} 
		
				
			var ausdruck4 = /^\d{5}$/; 
			var ergebnis4; 
			plz=document.formular.plz.value;
			ergebnis4 = ausdruck4.test(plz); 
			if (ergebnis4 == true)	{ 
 		 		alert("Eingabe der Plz war korrekt!"); 
			} 
			else if(document.formular.plz.value == ""){
				alert("bitte geben sie ihre plz an");
				}
			else { 
 		 		alert("Eingabe  der Plz war falsch!"); 
			} 
		
		
			var ausdruck5 = /^[a-zA-Z0-9]\@[a-zA-Z]\.[a-zA-Z]{2,3}$/; 
			var ergebnis5; 
			email=document.formular.email.value;
			ergebnis5 = ausdruck5.test(email); 
			if (ergebnis5 == true) { 
 			alert("Eingabe der e-mail war korrekt!"); 
			} 
			else if(document.formular.email.value == ""){
				alert("Bitte geben sie eine e-mail adresse ein");
				}
			else { 
 			alert("Eingabe  der e-mail war falsch!"); 
			} 
		
			win=window.open("","popup","width=500, height=450, scrollbars=yes");
			win.document.write("Nachname: " + nachname+"<br>Vorname: " + vorname + "<br>Wohnort: " + wohnort + "<br>PLZ: " + plz + "<br>E-mail: " +email);
			win.document.bgColor="lightblue";
		
			}	
			
		//-->
	</script>
	</body>
</html>
 
Hi,

du könntest hinter den jeweiligen Eingabefeldern span-Tags mit ID platzieren. Diese werden durch das Script mittels der innerHTML-Eigenschaft mit den gewünschten Meldungen gefüllt.

Beispiel für das Nachnamen-Feld:

HTML:
Code:
<tr>
  <td>
    Nachname:
  </td>
  <td>
    <input type="text" name="nachname" size="20"><span id="nachname_id"></span>
  </td>
</tr>
Scriptpassage:
Code:
nachname=document.formular.nachname.value;
ergebnis = ausdruck.test(nachname);
if (ergebnis == true) {
  document.getElementById("nachname_id").innerHTML = "Eingabe des Nachnamens war korrekt!";
}
else if(document.formular.nachname.value == ""){
  document.getElementById("nachname_id").innerHTML = "bitte geben sie ihren nachnamen ein";
  }
else {
  document.getElementById("nachname_id").innerHTML = "Eingabe des Nachnamens war falsch!";
}
Weiterhin möchte ich dich darum bitten, wie in der Netiquette zugestimmt (Punkt 15), auf Gross- und Kleinschreibung zu achten - besten Dank im voraus.

Ciao
Quaese
 

Neue Beiträge

Zurück