JavaScript / Tipps / 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:
Eingabe 1:
Eingabe 2:
Eingabe 3:

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!  
 Das könnte Sie interessieren:
Formular-Ziel ändern - Mit diesen Script ist es möglich, das Ziel eines Formulars nach belieben zu ändern.  Name Rückwärts schreiben!  JS-Index - Funktionen  Auswahlliste - Auswahl ermitteln  Zeitansage in JavaScript  Mit JavaScript Text Umwandeln  Eingabe (Buchstaben) überprüfen  Bildzeiger - Ein einfaches JavaScript das Bilder anzeigt, wenn auf einen Link geklikt wird.  Markierten Text in das Eingabefeld einfügen  Buttonwechsel bei MouseOver  Seite Speichern - Mit zwei Klicks können Sie diese Seite speichern.  Mouseover in Tabellen  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner