ajax 验证错误信息

ajax validation error message

如何在 JSF 中为客户端验证添加我自己的消息。

<div class="ui-grid-row">
    <div class="ui-grid-col-3" align="left">
        <h:outputLabel for="cmpny" value="Company Name:" style="font-weight:bold" />
    </div>
    <div class="ui-grid-col-2">
        <p:inputText id="cmpny" value="#{userData.cmpny}">
            <f:validateLength minimum="10" />
            <p:ajax execute="currentInput" update="company" event="blur" />
        </p:inputText>
    </div>
    <div class="ui-grid-col-1" />
    <div class="ui-grid-col-1">
        <p:message for="cmpny" id="company" display="icon" />
    </div>
    <div class="ui-grid-col-5"></div>
</div>
</div>

您需要通过 javascript 提供消息包。有关示例,请参阅 PrimeFacesLocales

PrimeFaces User Guide, 7. 客户端验证/7.4 消息。

<div class="ui-grid-col-3" align="left">
  <h:outputLabel for="fnm" value="First Name:*" />
</div>
<div class="ui-grid-col-2">
  <p:inputText id="fnm" value="#{userData.fnm}" validatorMessage="First Name cannot be left blank and must be greater than 3 characters" >
    <f:validateLength minimum="4" />
    <p:ajax execute="currentInput" update="firstname" event="blur" process="@this" />
  </p:inputText>                            
</div>
<div class="ui-grid-col-7"><p:message for="fnm" id="firstname" display="icon,text"/></div>

在 "validatorMessage" 属性的帮助下,我可以在 primeface 元素验证失败时显示自定义消息,例如(inputText、calendar 等..、)。