Tengo una plantilla en la que puedo agregar una clase de error de CSS a un div cuando la validación de un componente ha fallado y tiene un efecto bastante agradable en el navegador.

Ahora,No necesito agregar una clase css a un componente (esta no me ayudará), sino que necesito cambiar el css del html que lo rodea, esto es bastante simple con jQuery, sin embargo, no puedo encontrar una devolución de llamada de javascript para una validación fallida, ¿es esto posible? También estoy usando primefaces (en caso de que proporcionen tales capacidades).

Margen:

<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>

si el texto de entrada está vacío, necesito el div que envuelve al "grupo de control" para tener una clase extra. Puedo convertirlo en un<h:panelGroup> Así que es un componente JSF, pero aún así no sabría cómo hacerlo. Javascript parece mas facil ya que puedo hacer un:

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