onchange für input

[südpol]

Hi,

ich stehe gerade (vermutlich) total auf dem Schlauch. Ich habe eine kleine Validierungsfunktion gebaut welche ganz schlicht einige Pflichtfelder rot färbt wenn diese leer sind.

Der code des input Felder sieht z. B. wie folgt aus:

<input class="input_table" type="text" value="" name="project_name" onchange="CheckInputValue(this)">

Die JS Funktion dafür sieht so aus:

function CheckInputValue(obj) 
{
	alert('jup');
	if(obj.value == "") {
		obj.style.backgroundColor = "#FF6633";
	} else {
		obj.style.backgroundColor = "#FFFFFF";
	}
}

Da der alert nicht ausgeführt wird, geht wohl schon bei dem Aufruf etwas schief - ich bin aber gerade zu blind den Fehler zu finden. Kann mir jemand sagen, was ich falsch mache?

Danke!

 

[CPoly]

Funktioniert bei mir.

Hinweis: onchange wird erst gefeuert, wenn das Input den Fokus verliert.

 

[erik s.]

Falls der Hinweis von CPoly nicht hilft, probier's mal mit:

<input class="input_table" type="text" value="" name="project_name" onchange="javascript:CheckInputValue(this);">

Ansonsten: Ist der JS-Teil auch korrekt eingebunden? (Tags bzw. richtiger Dateipfad bei Import?)


Gruß,
Erik

 

[chmee]

Versuch mal onkeypress()
http://www.tutorials.de/javascript-ajax/387294-onkeypress-und-tab-bzw-ruecktaste.html

mfg chmee

 

[abuzze]

Wie bereits angemerkt feuert onchange erst wenn das Feld den Focus verliert.

Es gibt aber events, die früher feuern(key-events gehen zwar auch, erfassen aber nicht Aktionen wie copy&paste)

onpropertychange(IE)
oninput(IE9+ und andere)