ajax validation error message

Question

how to add my own message for the client side validation in 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>

Analogous to `execute` associated with `` is `process` in ``. — Tiny, May 27 '15 at 15:16
The same way you'd add a custom message for server side validation — Kukeltje, May 29 '15 at 21:48

score 1 · Accepted Answer · edited Dec 18 '18 at 12:55

<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>

With the help of "validatorMessage" attribute, I am able to show customized messages when ever the validation fails for the primeface elements like (inputText,calendar etc..,),.

score 0 · Answer 2 · answered May 27 '15 at 13:45

0

You need to supply a message bundle via javascript. See PrimeFacesLocales for examples.

PrimeFaces User Guide, 7. Client Side Validation / 7.4 Messages.

answered May 27 '15 at 13:45

Vsevolod Golovanov

4,068
3
31
65

ajax validation error message

2 Answers2