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

【问题标题】：How to highlight a PrimeFaces textbox with red color border on required validation error?如何在所需的验证错误上突出显示带有红色边框的 PrimeFaces 文本框？
【发布时间】：2013-09-20 11:36:14
【问题描述】：

我有一个带有自动完成功能的 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>

【问题讨论】：

标签： java jsf jsf-2 primefaces

【解决方案1】：

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

例如：

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

【讨论】：

我已经显示了消息。我希望用红色边框突出显示文本框。
好的，有了我向你展示的这个 primefaces 组件，你会得到那个亮点
但是有了这个，我得到了错误消息的突出显示，而不是文本框。感谢您的回复
对我来说 inputtext 组件也被突出显示
现在我已经尝试了我的代码。这不适用于 h:inputText。我想你使用 h:inputText。我建议 primefaces 组件 p:inputText