发生验证错误时，在JSF中突出显示inputText

Question

我有一个包含大量inputText的表单，我想要的是突出那些没有填充正确数据的表单。

我尝试使用'component.valid'，但它总是返回该字段无效（即字段始终为红色）。

这是代码：

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

这是结果：

请注意，第一次加载页面时，该字段也会突出显示。

Answer 1

您应该使用component.valid代替nom.valid。

component是当前输入组件的隐式EL对象。 component.valid调用服务器端组件的isValid()方法。 id参数不能以这种方式使用。

因此，您应该按如下方式更改代码：

style="#{ component.valid ? 'border-color:black;' : 'border-color:red;'}"

（不相关但你最好使用样式类而不是硬编码样式。有效检查也适用于styleClass属性。