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

Question

I have a PrimeFaces textbox with autocomplete functionality. For required field validation error i have to show the error message and highlight the textbox with red color border. I have showed the error message with <h:message> how to highlight the textbox with red color border.

My textbox is mentioned below.

<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

You can use <p:message> with for attribute set to id of textbox.

For example:

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