JavaScript Problem

edge · 13. Juli 2005

Moin!
Evtl. kann mir ja jemand dabei helfen. Ich kapier des nun netmehr.
Ich sage dazu, dass ich keine Ahnung von JavaScript habe und mir den kram gerade beibringe.
Ich will, dass bestimmte Felder in einem Formular Pflichtfelder sind und auf Inhalt überprüft werden sollen. Diese Felder will ich in einem Array angeben, damit ich net für jedes Feld eine neue if-Bedingung schreiben muss und so dann eine for-schleife verweden kann.

Mein code bisher:

Code

<script type="text/javascript">
<!--
	function Pruefe() {
		pflichtfelder = new Array('Nachname', 'Vorname');
		for(i=0; i<pflichtfelder.length; i++) {
			var x = pflichtfelder[i];
			if(document.Bewerbung.x.value == "") {
				alert("Bitte geben Sie hier etwas ein!");
				document.Bewerbung.x.focus();
				document.Bewerbung.x.style.backgroundColor = "red";
				return false;
			}
			else {
				return true;
			}
		}
	}
//-->
</script>

Alles anzeigen

Dabei passiert aber garnix. Er führt das formular ganz normal aus. Auf wenn die beiden Felder leer sind.
Wenn ich den if-teil weglasse und stattdessen "alert(x);" schreibe funktioniert das wunderbar und er gibt mir die Namen der beiden Felder nacheinander als Alert aus.

Hat jemand eine Ahnung wie ich das umschreiben muss, damit das geht?

Hat jemand überhaupt mein Problem verstanden?

Gruß
edge

Ernie & Bert · 13. Juli 2005

ich glaub du hast mehr erfolg auf deine frage, wenn du die in einem "passenden" forum stellst.

edge · 13. Juli 2005

Joa mag sein aber ich habe nicht immer Lust für eine Frage mich wieder in einem neuen Forum anzumelden. Habe mittlerweile soviele Forenaccounts, dass ich da garnichtmehr durchblicke.

Evtl. schaut Lars ja mal hier rein

split · 13. Juli 2005

dann druck doch einfach mal den kompl. code ab (also +html seite) dann kann man das mal testen und vielleicht dem problem auf den grund gehen

edge · 13. Juli 2005

Also das Problem muss aufjedenfall irgendwo in dem Teil oben liegen.
Aber damit man es nachvollziehen kann habe ich mal eine Test-Site erstellt, welche sich auf das wesentliche beschränkt (Die ganze Site sind ausgedruckt in 8pt Schriftgröße 7 Seiten )

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DF-Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
	function Pruefe() {
		pflichtfelder = new Array('Nachname', 'Vorname');
		for(i=0; i<pflichtfelder.length; i++) {
			var x = pflichtfelder[i];
			if(document.Bewerbung.x.value == "") {
				alert("Bitte geben Sie hier etwas ein!");
				document.Bewerbung.x.focus();
				document.Bewerbung.x.style.backgroundColor = "red";
				return false;
			}
			else {
				return true;
			}
		}
	}
//-->
</script>
</head>


<body>
	<form name="Bewerbung" onSubmit="return Pruefe();" method="post" action="">
		Nachname: <input type="text" name="Nachname"><br \>
		Vorname: <input type="text" name="Vorname"><br \>
		<input type="submit" name="submit" value="Absenden">
	</form>
</body>
</html>

Alles anzeigen

Gruß
edge

Zaphod · 13. Juli 2005

Versuch mal folgendes:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DF-Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
	function Pruefe() {
		pflichtfelder = new Array('Nachname', 'Vorname');
		for(i=0; i<pflichtfelder.length; i++) {
			var x = pflichtfelder[i];
			if(document.getElementById(x) == "") {
				alert("Bitte geben Sie hier etwas ein!");
				document.getElementById.focus();
				document.getElementById.style.backgroundColor = "red";
				return false;
			}
			else {
				return true;
			}
		}
	}
//-->
</script>
</head>


<body>
	<form name="Bewerbung" onSubmit="return Pruefe();" method="post" action="">
		Nachname: <input type="text" name="Nachname" id="Nachname"><br \>
		Vorname: <input type="text" name="Vorname" id="Vorname"><br \>
		<input type="submit" name="submit" value="Absenden">
	</form>
</body>
</html>

Alles anzeigen

untested!

Ich hab die Syntax nicht mehr 100%ig im KOpf, wenn das oben nicht funktionieren sollte, solltest du dir mal alles zu der Methode "getElementById" anschauen (SelfHTML), damit sollte dir eigentlich geholfen sein.

€: http://de.selfhtml.org/javascr…ent.htm#get_element_by_id

edge · 13. Juli 2005

Ahh DANKE!
Nun geht schonmal etwas mehr:

Aber das 2. Problem ist nun, dass er das Feld "Vorname" nicht testet.

D.h. wenn ich bei Nachname nichts eingebe und bei Vorname gebe ich was ein, funktioniert es.
Aber wenn ich bei Nachname etwas eingebe und bei Vorname nichts führt er das ganze normal aus ohne eine Meldung auszugeben.

Hast du da auch nochmal eine Idee?

EDIT:

Ah war mein Fehler, es darf an der Stelle natürlich nicht der else-Teil stehen

So ist's nun richtig:

Code

<script type="text/javascript">
<!--
	function Pruefe() {
		pflichtfelder = new Array('Nachname', 'Vorname');
		for(i=0; i<pflichtfelder.length; i++) {
			var x = pflichtfelder[i];
			if(document.getElementById(x).value == "") {
				alert("Bitte geben Sie hier etwas ein!");
				document.getElementById(x).focus();
				document.getElementById(x).style.backgroundColor = "red";
				return false;
			}
		}
		return true;
	}
//-->
</script>

Alles anzeigen

Vielen Danke nochmal!

Gruß
edge

ThePatient · 13. Juli 2005

ich meine mich zu erinnern, dass man arrays mit eckigen klammern deklariert...

edge · 13. Juli 2005

Jo in anderen Sprachen schon aber in Java nicht.

Siehe hier -> http://de.selfhtml.org/javascr…kte/array.htm#allgemeines

Danke trotzdem

Zaphod · 13. Juli 2005

Zitat

ich meine mich zu erinnern, dass man arrays mit eckigen klammern deklariert...

Du meinst sowas?
arr[i] = "fisch";

Das ist nicht die Deklaration sondern die Definition.
Wird ein Array gleichzeitig definiert und deklariert sind es die runden Klammern.

ThePatient · 13. Juli 2005

deklarieren..definieren, ihr wisst was ich meine

ich hatte java in der schule, wir mussten das immer so machen, naja unser lehrer auch nicht gerade das programmiergenie...

Turbohummel · 2. August 2005

Jaja, die Freuden von JavaSCRIPT (bitte das Script hintendran).

DOM hat das ganze zwar etwas einfacher gemacht, aber mit Javascript in die Programmierwelt einzusteigen, find ich extrem unsinnig.

Ich selbst habe mich Pascal angefangen, hab dann fürs Studium Java (ohne Script) gelernt, und code heute professionell in meheren Projekten PHP.

Jetzt mitmachen!