How to hide error messages dynamically when user clears input data

Asked Jun 22 '17 at 22:46

Active Jun 23 '17 at 02:30

Viewed 232 times

I am using PrimeFaces. The Input is validated when the user presses the "save" button, but I need to clear the error messages dynamically when the user clears the input field.

<div class="item">
    <p:outputLabel for="firstName" value="#{msgs['customerForm.firstName']}"/>
    <p:inputText id="firstName" value="#{customerBean.customer.firstName}"
            requiredMessage="#{msgs['Error.firstName.mandatory']}"
            required="true"
            validatorMessage="#{msgs['Error.firstName.wrongFormat']}">
        <f:ajax execute="@this" event="keyup" render="m_zeroField"/>
        <f:validateRegex pattern="^([a-zA-Z]+[a-zA-Z\s\-]*)?$"/>
    </p:inputText>
    <p:message id="m_firstName" for="firstName" display="text"/>
    <p:message id="m_zeroField" for="firstName" display="text" rendered="#{customerBean.customer.firstName.isEmpty()}"/>
</div>

edited Jun 23 '17 at 02:30

Vasil Lukach

3,658
3
31
40

asked Jun 22 '17 at 22:46

Dmitriy

What's the expected and actual behavior? – Kalle Richter Jun 22 '17 at 23:02
You can use `` – Vasil Lukach Jun 23 '17 at 02:38
actual behavior is all err messages appears dinamical whrn user enters data in field, I expect to show them only when user press button save and only dinamical hide them if user clearing input field – Dmitriy Jun 23 '17 at 05:47
Did you try to clear the content like here: https://stackoverflow.com/questions/19271737/how-to-hide-pmessages-after-it-displayed-the-messages at the right time? – Jaqen H'ghar Jun 25 '17 at 19:12

How to hide error messages dynamically when user clears input data

0 Answers0