Create new RichFaces Documentation Jira issue

This will launch the RichFaces Jira page - to complete your feedback please login if needed, and submit the Jira.

JBoss.orgCommunity Documentation

6.25.  < rich:ajaxValidator >

The <rich:ajaxValidator> is a component designed to provide ajax validation inside for JSF inputs.

Table 6.50. rich : ajaxValidator attributes

Attribute NameDescription
ajaxListenerMethodExpression representing an action listener method that will be notified when this component is activated by the ajax Request and handle it. The expression must evaluate to a public method that takes an AjaxEvent parameter, with a return type of void. Default value is "null"
bindingThe attribute takes a value-binding expression for a component property of a backing bean
dataSerialized (on default with JSON) data passed on the client by a developer on AJAX request. It's accessible via "data.foo" syntax
disableDefaultDisables default action for target event ( append "return false;" to JavaScript ). Default value is "false"
eventName of JavaScript event property ( onclick, onchange, etc.) of parent component by which validation will be triggered. Default value is "onblur"
eventsQueueName of requests queue to avoid send next request before complete other from same event. Can be used to reduce number of requests of frequently events (key press, mouse move etc.)
focusid of element to set focus after request completed on client side
idEvery component may have a unique id that is automatically created if omitted
ignoreDupResponsesAttribute allows to ignore an Ajax Response produced by a request if the newest 'similar' request is in a queue already. ignoreDupResponses="true" does not cancel the request while it is processed on the server, but just allows to avoid unnecessary updates on the client side if the response isn't actual now
limitToListIf "true", then of all AJAX-rendered on the page components only those will be updated, which ID's are passed to the "reRender" attribute of the describable component. "false"-the default value-means that all components with ajaxRendered="true" will be updated.
onbeforedomupdateJavaScript code for call before DOM has been updated on client side
oncompleteJavaScript code for call after request completed on client side
onsubmitJavaScript code for call before submission of ajax event
renderedIf "false", this component is not rendered
requestDelayAttribute defines the time (in ms.) that the request will be wait in the queue before it is ready to send. When the delay time is over, the request will be sent to the server or removed if the newest 'similar' request is in a queue already
reRenderId['s] (in format of call UIComponent.findComponent()) of components, rendered in case of AjaxRequest caused by this component. Can be single id, comma-separated list of Id's, or EL Expression with array or Collection
similarityGroupingIdIf there are any component requests with identical IDs then these requests will be grouped.
statusID (in format of call UIComponent.findComponent()) of Request status component
summarySummary message for a validation errors.
timeoutResponse waiting time on a particular request. If a response is not received during this time, the request is aborted

Table 6.51. Component identification parameters

NameValue
component-typeorg.richfaces.ajaxValidator
component-classorg.richfaces.component.html.HtmlajaxValidator
component-familyorg.richfaces.ajaxValidator
renderer-typeorg.richfaces.ajaxValidatorRenderer
tag-classorg.richfaces.taglib.ajaxValidatorTag

To create the simplest variant on a page use the following syntax:

Example:


...
<h:outputText value="Name:" />
<h:inputText value="#{userBean.name}" id="name" required="true">
       <f:validateLength minimum="3" maximum="12"/>
       <rich:ajaxValidator event="onblur"/>
</h:inputText>
...

Example:

import org.richfaces.component.html.HtmlCalendar;   

...
HtmlAjaxValidator myAjaxValidator= new HtmlAjaxValidator();
...

The <rich:ajaxValidator> component should be added as a child component to an input JSF tag which data should be validated and an event that triggers validation should be specified as well. The component is ajaxSingle by default so only the current field will be validated.

The following example demonstrates how the <rich:ajaxValidator> adds AJAX functionality to standard JSF validators. The request is sent when the input field loses focus, the action is determined by the "event" attribute that is set to "onblur".


...
<rich:panel>
       <f:facet name="header">
              <h:outputText value="User Info:" />
       </f:facet>
       <h:panelGrid columns="3">
              <h:outputText value="Name:" />
              <h:inputText value="#{userBean.name}" id="name" required="true">
                     <f:validateLength minimum="3" maximum="12"/>
                            <rich:ajaxValidator event="onblur"/>
              </h:inputText>
              <rich:message for="name" />
       </h:panelGrid>
</rich:panel>
...

This is the result of the snippet.


In the example above it's show how to work with standard JSF validators. The <rich:ajaxValidator> component also works perfectly with custom validators enhancing their usage with AJAX.

Custom validation can be performed in two ways:

The following example shows how the data entered by user can be validated using Hibernate Validator.


...
<rich:panel>
       <f:facet name="header">
              <h:outputText value="User Info:" />
       </f:facet>
       <h:panelGrid columns="3">
              <h:outputText value="Name:" />
              <h:inputText value="#{validationBean.name}" id="name" required="true">
                     <rich:ajaxValidator event="onblur" />
              </h:inputText>
              <rich:message for="name" />
       </h:panelGrid>
</rich:panel>
...

Here is the source code of the managed bean.

...

package org.richfaces.demo.validation;
import org.hibernate.validator.NotEmpty;
import org.hibernate.validator.Email;
import org.hibernate.validator.Length;
public class ValidationBean {
    @NotEmpty
    @Length(min=3,max=12)
    private String name;
    @Email (message="wrong email format")
    @NotEmpty
    private String email;
        
    public ValidationBean() {
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getEmail() {
        return email;
    }
    public void setEmail(String email) {
        this.email = email;
    }
}
...

By default the Hibernate Validator generates an error message in 10 language, though you can redefine the messages that are displayed to a user when validation fails. In the shows example it was done by adding (message="wrong email format") to the @Email annotation.

This is how it looks.


Here you can see an example of <rich:ajaxValidator> usage and sources for the given example.