Steffen Flämig: Formularfeld "onfocus" einfärben

Beitrag lesen

Hallo,

ich prüfe ein Formular vor dem Abschicken mit JavaScript auf Plausibilität.

Ist ein Feld falsch bzw. nicht ausgefüllt, gibts eine Fehlermeldung und das bzw, die Feld(er) wird/werden rot eingefärbt.

var foo = document.getElementById("fooId");
if (foo.value.length == 0)
{
 foo.style.backgroundColor = "#FF0000";
...
}
So kann man schön sehen, welches Feld man nachbearbeiten muß.
Klick jetzt den Benutzer in das Feld, soll der Hintergrund wieder weiss werden.

foo.setAttribute("onFocus","function(){foo.style.backgroundColor = '#FFFFFF'");

und auch:
foo.setAttribute("onFocus",foo.style.backgroundColor = '#FFFFFF');

machen jedoch nicht das gewünschte.

Hat jemand eine Idee wie ich das Problemchen lösen kann?

Gruß
Steffen