Formular: select mit Mehrfachauswahl auf Inhalt überprüfen

NoXPhasma · 26.07.2010, 09:02

Hallo zusammen,

ich bastle gerade an einer Überprüfung der Formulareingaben mittels JavaScript und stehe da im Moment auf dem Schlauch.

Ganz genau geht es um ein <select> Object mit Mehrfachauswahl, um die Daten an PHP weitergeben zu können wird der Inhalt als Array versendet. Und genau da entsteht das Problem:

Code:

<select name="beispiel[]" size="4" multiple="multiple">
	<option>beispiel1</option>
	<option>beispiel2</option>
	<option>beispiel3</option>
	<option>beispiel4</option>
</select>

Damit die Daten als Array versendet werden, werden die Quadratischen Klammern benötigt. Gebe ich diese im JS mit ein funktioniert die Überprüfung nicht:

Code:

if (document.Formular.beispiel[].value == "") {
	alert("Keine Beispiel Auswahl getroffen!");
	document.Formular.beispiel[].focus();
	return false;
}

Entferne ich sie, sowohl im html als auch im JS funktioniert es, aber die Daten werden dann nicht mehr vollständig übergeben. Entferne ich sie nur im JS findet JS das Objekt nicht.

Wie also kann ich es bewerkstelligen das JS nun auf Inhalt überprüft?

nikosch · 26.07.2010, 09:05

Natürlich geht das nicht. Benutze echtes DOM und nicht die Kurznotation, dann klapps auch.

SELFHTML: JavaScript / Objektreferenz / document

NoXPhasma · 26.07.2010, 09:26

Vielen Dank für deine Antwort.

Laut SelfHTML wäre dann folgendes richtig:

Code:

if (document.getElementsByName("beispiel")[0].value == "") {
	alert("Keine beispiel Auswahl getroffen!");
	return false;
}

Leider passiert auch dabei nichts.

nikosch · 26.07.2010, 09:30

Die Ansprache des Elements ist richtig. Aber value wird nur von manchen Browsern als selektierter Wert interpretiert - und ganz logisch, welchen Datentyp soll das auch haben bei einem Multi-Select!

Aber auch das steht in Selfhtml! Bitte zukünftig besser recherchieren!

SELFHTML: JavaScript / Objektreferenz / options

NoXPhasma · 26.07.2010, 10:19

Ich habe mir das ganze mal durchgelesen und auch verstanden wie es gehen soll.

Code:

if (document.forms["Formular"].elements["beispiel"].selectedIndex == -1) {
	alert("Keine Beispiel Auswahl getroffen!");
	return false;
}

Leider funktioniert es nicht. Und ich verstehe einfach nicht warum. Naja, dann muss es halt ohne JS gehen.

*edit*

Ich habs nun endlich hin bekommen, habe die Quadratischen klammern noch vergessen

Code:

if (document.forms["Formular"].elements["beispiel[]"].selectedIndex == -1) {
	alert("Keine Beispiel Auswahl getroffen!");
	return false;
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Tabelle einfärben	ByStones	HTML, Usability und Barrierefreiheit	16	12.06.2010 22:20
[Erledigt] Formular dynamisch überprüfen	regsnerven	JavaScript, Ajax und mehr	1	09.07.2009 21:25
Im Formular mit BlacklistPath Domain überprüfen	Elbgeist	PHP Tipps 2009	6	11.06.2009 13:06
[Erledigt] Formular -> Mehrfachauswahl -> Array?	Timer	PHP Tipps 2008	5	20.05.2008 20:44
Inhalt aus URL in ein Formular kopieren	Andyh	PHP Tipps 2008	6	12.05.2008 17:31
Formular Feld überprüfen ?	CityHubter	HTML, Usability und Barrierefreiheit	3	08.09.2005 11:21
Formular auf vollständigkeit überprüfen!		HTML, Usability und Barrierefreiheit	3	26.07.2005 13:21
Formular überprüfen	Lia	PHP Tipps 2005-2	11	07.06.2005 16:28
Formular auf Inhalt prüfen und Abfrage an MySQL-DB starten		PHP Tipps 2005	7	14.03.2005 17:52
Formular überprüfen und eintragen		PHP Tipps 2004-2	10	30.12.2004 21:54
[JS] Formular überprüfen	I-Spy	HTML, Usability und Barrierefreiheit	13	30.12.2004 21:47
Telefonnummer im Formular überprüfen		PHP Tipps 2004	4	04.11.2004 10:51
Formular mit mehrfachauswahl		PHP Tipps 2004	6	03.09.2004 07:27
Mehrseitiges Formular überprüfen?		PHP Tipps 2004	9	01.09.2004 00:04
Formular überprüfen	flual2000	PHP Tipps 2004	1	12.07.2004 12:25

26.07.2010, 09:02
NoXPhasma Neuer Benutzer Registriert seit: 31.10.2009 Beiträge: 3 PHP-Kenntnisse: Anfänger	Formular: select mit Mehrfachauswahl auf Inhalt überprüfen Hallo zusammen, ich bastle gerade an einer Überprüfung der Formulareingaben mittels JavaScript und stehe da im Moment auf dem Schlauch. Ganz genau geht es um ein <select> Object mit Mehrfachauswahl, um die Daten an PHP weitergeben zu können wird der Inhalt als Array versendet. Und genau da entsteht das Problem: Code: <select name="beispiel[]" size="4" multiple="multiple"> <option>beispiel1</option> <option>beispiel2</option> <option>beispiel3</option> <option>beispiel4</option> </select> Damit die Daten als Array versendet werden, werden die Quadratischen Klammern benötigt. Gebe ich diese im JS mit ein funktioniert die Überprüfung nicht: Code: if (document.Formular.beispiel[].value == "") { alert("Keine Beispiel Auswahl getroffen!"); document.Formular.beispiel[].focus(); return false; } Entferne ich sie, sowohl im html als auch im JS funktioniert es, aber die Daten werden dann nicht mehr vollständig übergeben. Entferne ich sie nur im JS findet JS das Objekt nicht. Wie also kann ich es bewerkstelligen das JS nun auf Inhalt überprüft?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.07.2010, 09:05
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	Natürlich geht das nicht. Benutze echtes DOM und nicht die Kurznotation, dann klapps auch. SELFHTML: JavaScript / Objektreferenz / document __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.07.2010, 09:26
NoXPhasma Neuer Benutzer Registriert seit: 31.10.2009 Beiträge: 3 PHP-Kenntnisse: Anfänger	Vielen Dank für deine Antwort. Laut SelfHTML wäre dann folgendes richtig: Code: if (document.getElementsByName("beispiel")[0].value == "") { alert("Keine beispiel Auswahl getroffen!"); return false; } Leider passiert auch dabei nichts.

26.07.2010, 09:30
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	Die Ansprache des Elements ist richtig. Aber value wird nur von manchen Browsern als selektierter Wert interpretiert - und ganz logisch, welchen Datentyp soll das auch haben bei einem Multi-Select! Aber auch das steht in Selfhtml! Bitte zukünftig besser recherchieren! SELFHTML: JavaScript / Objektreferenz / options __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.07.2010, 10:19
NoXPhasma Neuer Benutzer Registriert seit: 31.10.2009 Beiträge: 3 PHP-Kenntnisse: Anfänger	Ich habe mir das ganze mal durchgelesen und auch verstanden wie es gehen soll. Code: if (document.forms["Formular"].elements["beispiel"].selectedIndex == -1) { alert("Keine Beispiel Auswahl getroffen!"); return false; } Leider funktioniert es nicht. Und ich verstehe einfach nicht warum. Naja, dann muss es halt ohne JS gehen. edit Ich habs nun endlich hin bekommen, habe die Quadratischen klammern noch vergessen Code: if (document.forms["Formular"].elements["beispiel[]"].selectedIndex == -1) { alert("Keine Beispiel Auswahl getroffen!"); return false; } Geändert von NoXPhasma (26.07.2010 um 10:41 Uhr).