Ich habe eine Vorlage, in der ich einer div eine CSS-Fehlerklasse hinzufügen kann, wenn die Validierung einer Komponente fehlgeschlagen ist und dies einen ziemlich schönen Effekt auf den Browser hat.

Jetzt,Ich muss einer Komponente keine CSS-Klasse hinzufügen (diese hilft mir nicht), sondern ich muss das CSS des HTML-Codes ändern, der es umgibt. Dies ist mit jQuery recht einfach. Ich kann jedoch keinen JavaScript-Rückruf für eine fehlgeschlagene Validierung finden. Ist dies möglich? Ich verwende auch Primefaces (falls sie solche Fähigkeiten bieten).

Markup:

<div class="control-group ERROR_CLASS_GOES_HERE_IF_VALIDATION_FAILED">
   <label class="control-label">Input value:</label>
   <div class="controls">
      <h:inputText class=" inputbox" type="text" required="true" /> <!--Component that can fail -->
   </div>
</div>

Wenn der Eingabetext leer ist, brauche ich das div, das die "Kontrollgruppe" umschließt, um eine zusätzliche Klasse zu haben. Ich kann es in eine verwandeln<h:panelGroup> Es ist also eine JSF-Komponente, aber ich würde immer noch nicht wissen, wie es geht. Javascript scheint einfacher zu sein, da ich Folgendes tun kann:

jQuery("#ID_OF_DIV").addClass("error_class")