title: OnBlur event not being fired on clicking of a commandButton?
body: <p>I have developed a composite component as follows...</p>
  
  <pre><code>&lt;composite:implementation&gt;   
          &lt;div class="numericBox"&gt;
              &lt;h:inputText id="txtInput"
                           size="#{cc.attrs.maxLength}"
                           converterMessage="#{cc.attrs.converterMessage}"
                           validatorMessage="#{cc.attrs.validatorMessage}"
                           required="#{cc.attrs.required}"
                           requiredMessage="#{cc.attrs.requiredMessage}"
                           minlength="#{cc.attrs.minLength}"
                           maxlength="#{cc.attrs.maxLength}"
                           value="#{cc.attrs.value}"&gt;
                  &lt;f:ajax event="blur" render="@this err"/&gt;
                  &lt;f:ajax event="blur" render="#{cc.attrs.renderParent}" disabled="#{empty cc.attrs.renderParent}"/&gt;
              &lt;/h:inputText&gt;
          &lt;/div&gt;
          &lt;h:panelGroup id="err"&gt;
              &lt;utils:fieldError_right id="errText" group="#{cc.clientId}-txtInput"/&gt;
          &lt;/h:panelGroup&gt;
      &lt;/div&gt;
  &lt;/composite:implementation&gt;
  </code></pre>
  
  <p>And I have a command button like below..</p>
  
  <pre><code>&lt;h:commandButton id="btnNext" styleClass="btnNext" action="#{someBean.next}"/&gt;
  </code></pre>
  
  <p>Now I am using the component in the following way...(just showing the bare bone representation)</p>
  
  <pre><code> &lt;util:numericInput label="Label" value="#{somebean.number}"
                             maxLength="2" optional="true" renderParent="-vehVal"
  
  /&gt;
  
      &lt;h:panelGroup id="vehVal"&gt;
      &lt;util:amountInput label="label2" value="#{someBean.nubmer2}"                    
                       rendered="#{someBean.number &gt; 0}"
                       required="#{someBean.number &gt; 0}" /&gt;
      &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p>So basically I want to render the "amountInput" component when ever user has entered some value > 0 in the "numericInput" component.
  It works fine when I enter some value in the first field and click some where in the browser. But if I enter some value in the field and click on the next button directly it takes me to the next page, without validation (rendering) the next field. 
  All I can understand is the onBlur event is not fired when I click on the next button. Why ?? Is there any solution??</p>