阻止p:messages组件显示已在p:message中显示的消息

Question

我有一个输入组件有三种类型的验证(必需,validatorMessage,converterMessage),这个输入有自己的消息图标,整个表单有一个消息组件,显示所有组件的所有消息,如下所示:

<p:message for="idEstNumOfUser" display="icon" id="msgEstNumOfUser" />
                    <p:inputText id="idEstNumOfUser"
                            placeholder="Estimated Number of Users"
                            value="#{mybean.estimatedUserCount}" required="true" requiredMessage=""
                            maxlength="8" title="Estimated Number of Users"
                            validatorMessage="Please enter digits only for 'Estimated Number of Users'"
                            converterMessage="Please enter digits only for 'Estimated Number of Users'">
                            <f:convertNumber />
                    <p:ajax event="blur" update=":betasignup:msgEstNumOfUser" />
                    </p:inputText>

                    <p:messages id="messages"  autoUpdate="true"/>

我在错误消息之前有一个样式,显示一个警告图标,如下所示:

.ui-messages-error-summary:before{
                       font-family: FontAwesome;
                       speak: none;
                       font-style: normal;
                       font-weight: normal;
                       font-variant: normal;
                       text-transform: none;
                       line-height: 1;
                       -webkit-font-smoothing: antialiased;
                       content: "\f05a";
                       margin-right: 6px;
                    }

发生了什么:在需要验证的情况下生成的消息组件html是:

              <div class="ui-messages-error ui-corner-all">
              <span class="ui-messages-error-icon">
              </span>
              <ul>
               <li>
                 <span class="ui-messages-error-summary">
                 </span>
              </li>
             </ul>
            </div>  

所以.ui-messages-error-summary的样式:应用之前,我不希望在需要验证时应用它.

如果有任何建议可以在这种情况下更好地进行验证,请告知.

Answer 1

将redisplay属性设置为false.

<p:messages ... redisplay="false" />

这样它就不会重新显示之前已经显示过的消息.一个-obvious-要求是该<p:messages>组件本身被放置后所有这些<h|p:message>组件.如果您确实需要在<h|p:message>组件之前可视化地定位它,请使用CSS和JS来重新定位它.