How to make required message dissapear when h:selectOneMenu value is changed?

Question

I'm having a trouble with getting rid of required message. I have a form in which I have a few fields and a button. When I press a button there is validation that checks if required fields where filled with values if not then required message is displayed for invalid value/component. Now I want to select a value from selectOneMenu or type something into inputText and when I do that I want the required message to dissapear without need to press the button again.

How would you do that? I've tried to remove message with sth like this, but it doesn't seems to work:

Iterator<FacesMessage> msgIterator = FacesContext.getCurrentInstance().getMessages();
while (msgIterator.hasNext())
{
    FacesMessage facesMessage = msgIterator.next();
    msgIterator.remove();
}

Could you help me with that?

Here is example code:

<h:form id="mainForm">
<h:selectOneMenu required="true" id="dictionaryValueId" value="#{SomeBean.dictionarySelectedValue}">
    <f:selectItem itemValue="#{null}" itemLabel="#{i18n['view.choose']}" />
    <f:selectItems value="#{SomeBeanBean.dictionaryValuesMap}" var="element"
        itemLabel="#{element.descripption}" itemValue="#{element.key}" />
    <f:ajax event="change" execute="@this msgId" render="msgId dictionaryValueId"/>
</h:selectOneMenu>
<h:message id="msgId" style="display:none;" for="dictionaryValueId" />
...

<h:commandButton value="#{i18n['button.forward.name']}"
        actionListener="#{SomeBean.forward}" >
        <p:ajax process="@form" update="mainForm"/>
</h:commandButton>

does it work with an `f:ajax`? if not, it is not PrimeFaces related (which I think it is not) — Kukeltje, Nov 25 '15 at 10:29
It would work without primefaces, but ajax attached to the commandButton is not the problem. the problem is how to make required message dissapear without using commandButton when value is changed. — Emil Smęt, Nov 25 '15 at 10:55
I know, but I asked in relation to the tagging.. And just the jsf tag would have been enough, or jsf-2 ;-). Checked this: https://stackoverflow.com/questions/32400491/ajax-reset-value-when-validation-error-happens and http://stackoverflow.com/questions/6642242/how-can-i-populate-a-text-field-using-primefaces-ajax-after-validation-errors-oc/ — Kukeltje, Nov 25 '15 at 11:02
Ok, I'll check this links and let you know what was the result. — Emil Smęt, Nov 25 '15 at 11:20
Yes. I've tried https://stackoverflow.com/questions/32400491/ajax-reset-value-when-validation-error-happens as sugested by @Kukeltje and it didn't work for me. I'll try solution from the second link. — Emil Smęt, Nov 25 '15 at 12:42

score 1 · Answer 1 · answered Nov 30 '15 at 08:34

1

I am not sure, but is not there a problem with style="display:none;"
for <h:message id="msgId"/>

answered Nov 30 '15 at 08:34

delovepr

71
1
1
6

score 0 · Answer 2 · answered Nov 27 '15 at 07:54

You can wrap your message with <h:panelGroup/> and render by this panelGroup Id, this Id will be always present on your form.

<h:form id="mainForm">
   <h:selectOneMenu required="true" id="dictionaryValueId" value="#{SomeBean.dictionarySelectedValue}">
    <f:selectItem itemValue="#{null}" itemLabel="#{i18n['view.choose']}" />
    <f:selectItems value="#{SomeBeanBean.dictionaryValuesMap}" var="element" itemLabel="#{element.descripption}" itemValue="#{element.key}" />
    <f:ajax event="change" execute="@this" render="messageBundle1 dictionaryValueId"/>
   </h:selectOneMenu>
   <h:panelGroup id="messageBundle1">
      <h:message id="msgId" style="display:none;" for="dictionaryValueId" />
   </h:panelGroup>

<h:commandButton value="#{i18n['button.forward.name']}"
        actionListener="#{SomeBean.forward}" >
        <p:ajax process="@form" update="mainForm"/>
</h:commandButton>
</h:form>

in case you trying to render unrecognised Id(msgId) which is not presented on form due to style="display:none;" you can not manipulate with this component. So to fix this problem you need the component which you can manipulate always. ** ... ** solve this issue due to always present on page. — delovepr, Nov 30 '15 at 08:27

How to make required message dissapear when h:selectOneMenu value is changed?

2 Answers2