Tengo un formulario con una gran cantidad de inputText, lo que quiero es resaltar a aquellos que no están siendo llenados con datos correctos.

Intenté usar 'component.valid' pero siempre me devuelve que el campo no es válido (es decir, los campos siempre están rojos).

este es el codigo

<h:inputText value="#{creerPersonne1.nom}" id="nom" 
    style="#{not nom.valid ? 'border-color:red;' : 'border-color:black;'}">
    <f:validateRegex pattern="^[a-zA-Z]+$"></f:validateRegex>
</h:inputText>

este es el resultado :

tenga en cuenta que el campo también se resalta cuando la página se carga por primera vez.