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 ?