Fehleingaben anzeigen [IE|M|O]

von: Werner Zenk

Fehleingaben in Eingabefeldern mit Bildern anzeigen.
Dieses JavaScript überprüft ob eine Eingabe gemacht wurde und setzt hinter dem Eingabefeld ein entsprechendes Bild.

Beispiel:
Quelltext:

 -  -  = Transparent!

<script type="text/javascript">
function ueberpruefen(){
 if (document.Form.Eingabe1.value != "") {
  document.getElementById("E1").style.backgroundImage="url(ok.gif)";
 }
 else {
  document.getElementById("E1").style.backgroundImage="url(ko.gif)";
 }
 if (document.Form.Eingabe2.value != "") {
  document.getElementById("E2").style.backgroundImage="url(ok.gif)";
 }
 else {
  document.getElementById("E2").style.backgroundImage="url(ko.gif)";
 }
 if (document.Form.Eingabe3.value != "") {
  document.getElementById("E3").style.backgroundImage="url(ok.gif)";
 }
 else {
  document.getElementById("E3").style.backgroundImage="url(ko.gif)";
 }
}
</script>

<form name="Form">
Eingabe 1: <input type=text name="Eingabe1">
 <img src="spacer.gif" width=10 height=10 id="E1"><br>

Eingabe 2: <input type=text name="Eingabe2">
 <img src="spacer.gif" width=10 height=10 id="E2"><br>

Eingabe 3: <input type=text name="Eingabe3">
 <img src="spacer.gif" width=10 height=10 id="E3"><br>

<input type=button value="Test" onClick="ueberpruefen();">
</form>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Dominik: Funktioniert das auch wenn man nicht auf überprüfen klickt? Werner: Ja, zum Beispiel wenn ein Buchstabe eingegeben wurde: Eingabe 1: <input type=text name="Eingabe1" onKeyUp="ueberpruefen()"> <img src="spacer.gif" width=10 height=10 id="E1">
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!