title: <h:inputText> executes focus listener only if validation has passed in JSF
body: <p>I have the following view: </p>
  
  <p>VIEW:</p>
  
  <pre><code>&lt;div class="#{formAccountRegister.formTest}"&gt;
      &lt;h:inputText id="field-firstname" value="#{formAccountRegister.account.person.firstName}" required="true" requiredMessage="#{account['validate.required']}" styleClass="#{ component.valid ? 'default' : 'default error'}"&gt;
          &lt;f:validator validatorId="validatorNameFirst"/&gt;
          &lt;f:ajax event="focus" listener="#{formAccountRegister.changeIt(event)}"/&gt;
          &lt;f:ajax event="blur" render="field-firstname message-firstname"/&gt;
      &lt;/h:inputText&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to do change the <code>class</code> of the <code>div</code> when the <code>input</code> gains <code>focus</code>. Everything works fine, but only if the validation has passed. If the validation has not passed the method <code>chageIt(event)</code> does not execute. I use <code>Mojarra v2.2.7</code>.</p>
  
  <p>How can I make it work?</p>
  
  <p>Thank you.</p>