Execute p:ajax only if input is valid

Question

I want to show a primefaces overlay with search suggestions using p:ajax like following:

<p:inputText value="#{bean.input}" required="true" 
    validatorMessage="Add at least 3 characters">
    <f:validateLength minimum="3" maximum="64"/>
    <p:ajax event="keyup" delay="200" process="@this" 
        listener="#{bean.createSuggestions()}"
        update="overlay"
        oncomplete="showOverlay()"/>
</p:inputText>

The problem is, that no validation takes place.

I could use javascript onstart handler and check input again as a workaround.

score 3 · Accepted Answer · edited May 23 '17 at 10:26

3

Execute p:ajax only if input is valid

That's only possible if you validate in client side, as you already figured for the workaround.

The alternative would be to execute oncomplete only when there's no validation error.

oncomplete="if (args &amp;&amp; !args.validationFailed) showOverlay()"

The doublecheck and ugly XML escaping is necessary for reasons mentioned here: Keep p:dialog open when a validation error occurs after submit.

edited May 23 '17 at 10:26

Community

1
1

answered Aug 12 '15 at 14:39

BalusC

1,082,665
372
3,610
3,555

You can also use a javascript callback from the listener. – Kukeltje Aug 14 '15 at 17:28

Execute p:ajax only if input is valid

1 Answers1