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>


Ihr Kommentar Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Design in der Titelzeile

Probleme die beim Besuch einer Suchmaschine entstehen können

Runde-Box Generator - Dieser Generator erstellt aus Grafiken und CSS eine Runde-Box.

Text verstecken und anzeigen …mehr

Seitenanfang

Lesezeichen setzen
Letzte Änderung am Sonntag, den 29 November 2009

Kontakt — Impressum — Banner