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>

Seitenanfang

Lesezeichen setzen

RSS Feed abbonieren

Hits: 139 - Bewertungen: 0


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:

Kleines Würfelspiel

Terminkalender - Ein einfacher Terminkalender der wichtige Ereignisse fest hält. Termine können eingetragen und wieder gelöscht werden.

Tabellenbild 3

Formulare ohne Tabellen - Formulare ohne Tabellen lassen sich mit CSS sehr einfach formatieren. Hinsichtlich der Barrierefreiheit ist ein Label-Tag, einfach Pflicht auf jeder Website.

Name Weg!

Bildproportionen-Rechner - Bilder proportional zur Breite verkleinern oder vergrößern.

Ordner Navigation

Seitenaufbau beschleunigen - Tipps zum Beschleunigung des Seitenaufbaus.

Farbverlauf Generator (CSS) - (CSS) Erstellt einen Farbverlauf mit Hilfe von CSS. …mehr