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

Posted 2021-03-30

我有一个包含大量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>

这是结果：

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

答案

你应该使用component.valid而不是nom.valid。

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

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

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

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