Feldvergleich mit änderung der Rahmenfarbe INPUT Field

[CaptNick]

Habe 2 eingabe Felder für E-Mail (2tes ist für retype zum Vergleich das die Erste eingabe stimmt)

Nun suche ich ein Script, dass wenn ich die Mailadresse im 2ten Feld eingee die Rahmenfarbe Grün wird wenn die Eingabe mit dem Text aus dem ersten Feld übereinstimmt und rot wenn die Eingaben abweichen, als visuelle Hilfe.

 

[sheel]

Hi

eines der passenden JS-Events (zB. onkeyup http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onkeyup)
auf die beiden input.
Wenn im Input 1 was steht und im Input zwei nicht das selbe dann Markierfarbe.
Sonst Standardfarbe.

 

[tombe]

Könnte dann in etwa so aussehen:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#mail1, #mail2").keyup(function() {
	if ($("#mail1").val() != $("#mail2").val()) {
		$("#mail2").css("border-color", "red");
	} else {
		$("#mail2").css("border-color", "green");
	}
});

});
</script>

<input type="text" name="mail1" id="mail1" value="" size="20" />
<br />
<input type="text" name="mail2" id="mail2" value="" size="20" />

Wobei ich vielleicht nicht das keyup- sondern das blur-Event nehmen würde, aber das ist Ansichtssache.