Formular check

Morgen…

irgendwie hab ich mich grad ein bisschen verloffen…
ich habe folgendes formular:

<form action="" id="kontakt">
	<legend>Kontakt</legend>
	
		<label for="firstname">Firstname</label>
		<input id="firstname" name="firstname" type="text" value="" onkeypress="checkForm(0)" />
		<div id="check0"></div>

</form>

und dazu passend den JS-Code:

<script type="text/JavaScript">
function checkForm(id){

	var input = document.getElementsByTagName("input")[id];
	checkDiv = document.getElementById("check" + id);

	if(input.value == "test")
		checkIcon = "<img src='haken.gif' width='16' height='16' alt='ok' />";
	else
		checkIcon = "<img src='x.gif' width='16' height='16' alt='ok' />";

	checkDiv.innerHTML = checkIcon;
}

</script>

Jetzt passiert folgendes…
ich tippe „test“ ein und er macht mir das „x.gif“. Allerdings, wenn ich das Feld verlasse oder ein weiteres Zeichen eintippe, macht er mir das haken.gif. Das Problem dabei ist, dass der onkeypress immer 1 Tastendruck hinterherhinkt.

Wie kann ich das umgehen? Gibt es hierfür eine elegantere Möglichkeit?!

Gruß und Dank
Loon3y

EDIT: onkeyup ist das zauberwort…

keypress kommt, wenn man da mal rein logisch drüber nachdenkt, vor der Ausgabe, die wiederum vor dem keyup kommt…

Da war das alte Problem von wegen Wald und Bäume und so :wink: