Feld markieren nach Vali. durchgefallen

[medium]

Hallo,

ich würde gerne ein Feld z.B. <t:inputText> markieren (einRahmen oder EingabeFeldHintergund auf Rot stellen) nachdem es eine Validierung (z.B.Tomahawk)(z.B. required) nicht bestanden hat.

<t:inputText id="test" required="true" styleClass="normall"/>
<t:message for="test"/>
<t:messages></t:messages>
<t:commandButton value="Submit" type="submit"/>

Fehler Meldung kann ich ohne Probleme in jeglicher Form ausgeben.
Das "markieren" mit CSS ist auch kein Problem, nur dass die "Markierung" erst nach der Validierung sichtbar wird, dass bekomm ich irgendwie nicht hin.


Meine Ansatz wäre:
Irgendwie einen Flag nach der Validierung auf "true" setzen, falls eine Fehlermeldung kommt und dann mit "rendered" abfragen.

Und/oder ein JavaScript nach Validerungs Fehler aufrufen und die StyleClass des <t:inputText id="test" required="true" styleClass="error"/> ändern.



Problem:
1. Ich weiß leider nicht wie ich z.b. in <t:message> ein JavaScript aufrufe oder
ein Flag setzen kann.
2. CSS per JavaScript ändern bin ich noch sehr unerfahren.
----------------------------------------------------------------------------------------------------
Was ich bisher kann und was nicht in Bezug auf dynm CSS z.B:
JS:
function changesettings(){
document.body.style.cssText="background-color:black;color:white"
document.error.style.cssText="color:red"
}

CSS:
body {background-color:white;}
.error {color:white;}

Hintergrund wird geändert, aber die Schrift("error") nicht
----------------------------------------------------------------------------------------------------

Hoffe jemand kann mir diesbezüglich Tipps geben.