Eu tenho um modelo em que eu posso adicionar uma classe de erro CSS a um div quando a validação de um componente falhou e torna um efeito muito bom no navegador.

Agora,Eu não preciso adicionar uma classe css a um componente (isto não vai me ajudar), mas eu preciso mudar o css do html que o rodeia, isso é muito simples com jQuery, no entanto eu não consigo encontrar um callback javascript para a validação com falha, isso é possível? Eu também estou usando primefaces (no caso eles fornecem tais capacidades).

Marcação:

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

se o texto de entrada estiver vazio, eu preciso do div que envolve o "grupo de controle" para ter uma classe extra. Eu posso transformá-lo em um<h:panelGroup> então é um componente do JSF, mas eu ainda não sei como fazer isso. Javascript parece mais fácil como eu posso fazer um:

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