Mam formularz z dużą ilością inputText, chcę, aby wyróżnić tych, którzy nie są wypełniani poprawnymi danymi.

Próbowałem użyć „component.valid”, ale zawsze powraca, że ​​pole jest nieprawidłowe (tzn. Pola są zawsze czerwone).

to jest kod:

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

to jest wynik:

Zauważ, że pole jest również podświetlone, gdy strona jest ładowana po raz pierwszy.