How to know if component child is not valid Primefaces?

Question

I'm using Primefaces 5.0 and I need to add class in element <h:panelGroup> when the <p:inputText> is not valid. I have the below code:

<h:panelGroup layout="block" styleClass="form-group #{ VALIDATION HERE ? '' : 'has-error'}" >                               
  <p:outputLabel for="txtUserId" value="ID:"/>
  <p:inputText styleClass="form-control" id="txtUserId" required="true" value="#{userAction.user.id}">                                  
      <f:ajax event="keyup" execute="@this" render="msgtxtUserId"/>
      <f:validateLength minimum="2" />                                  
  </p:inputText>
  <p:message for="txtUserId" id="msgTxtIdUsuario" />
</h:panelGroup>

Thank you in advance.

what do you mean by not valid ?!? – Yagami Light Apr 11 '17 at 06:17 — Yagami Light, Apr 11 '17 at 06:17
@YagamiLight: OP means containing an invalid value – Kukeltje Apr 11 '17 at 08:22 — Kukeltje, Apr 11 '17 at 08:22

score 4 · Accepted Answer · edited May 23 '17 at 10:31

You apparently already know that you can use UIInput#isValid() to check whether an input component is valid or not and that you could in EL use #{component.valid} for this. You only don't yet seem to realize that #{component} actually refers to an instance of the UIComponent class. If you inspect its javadoc, then you should have noticed a findComponent() method which you could use to find a child component by a search expression.

Knowing this, here's how you can achieve this:

<h:panelGroup ... styleClass="#{component.findComponent('txtUserId').valid ? '' : 'has-error'}">
    <p:inputText id="txtUserId" ... />
    ...
</h:panelGroup>

How to know if component child is not valid Primefaces?

1 Answers1

See also: