如何在所需的验证错误上突出显示带有红色边框的 PrimeFaces 文本框？

Question

我有一个具有自动完成功能的 PrimeFaces 文本框。 对于必填字段验证错误，我必须显示错误消息并突出显示带有红色边框的文本框。 我已经用<h:message>显示了错误消息如何突出显示带有红色边框的文本框。

下面提到了我的文本框。

<p:focus context="accountNo">
                             <p:autoComplete id="accountNo" value="#{orderController.accountNo}"
                                  completeMethod="#{orderController.getAccountAutoComplete}"
                                  forceSelection="true"  styleClass="ui-inputfield" requiredMessage="Account number is required"  required="true"/>
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h:message for="accountNo"  style="color:red" />

                              </p:focus>

Answer 1

您可以将<p:message>与for属性设置为文本框的 id 一起使用。

例如：

<p:inputText id="id" value="#{bean.idd}"     />
<p:message for="id" display="icon" />