如何在所需的驗證錯誤上突出顯示帶有紅色邊框的 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" />