I would like to validate every field in my form when each field lose the focus, when this happens i would like these actions happen:
1) in the right side of the field appears an image, a .gif (to represent that the system is checking the user input)
2) when finished appears another .gif (which depends of the input, 'sucess.gif' or 'error.gif', for example) and a message on the right side.
I don't want to use popup or something like, the user is gonna lose usability and i don't want this.
I'm trying to do something like this, this is what i have done so far:
<h:form id="form">
<h:panelGrid columns="3" >
<h:outputLabel for="first_name" value="First Name:" />
<h:inputText id="first_name" value="#{register.bean.firstName}" >
<f:ajax event="blur" render="m_first_name" />
</h:inputText>
<a4j:status name="ajaxStatus">
<f:facet name="start">
<h:graphicImage name="loader.gif" library="images" />
<h:outputText value="Processing ..." />
</f:facet>
</a4j:status>
<a4j:commandButton value="Register !" action="#{register.validateName}" status="ajaxStatus" />
</h:panelGrid>
</h:form>
I was searching for some solution on Google and I think
<a:a4j ... >
is my best option, because of the `onbegin` and `oncomplete` attributes.
There's some attribute as these in some native tag in JSF 2 ?
