<section role="NotInToc" id="rich_ajaxValidator">
   <title>
				&lt;
				rich:ajaxValidator
				&gt;
				<emphasis role="since">
         <superscript> available since <emphasis role="version">3.2.2</emphasis>
         </superscript>
      </emphasis>
   </title>
   <section>
        <title>Description</title>
        <para>The<emphasis role="bold">
            <property>&lt;rich:ajaxValidator&gt;</property> 
        </emphasis>is a component designed to provide Ajax validation inside for JSF inputs.</para>

    </section>
   <section>
        <title>Key Features</title>
        <itemizedlist>
            <listitem>
            <para>Skips all JSF processing except validation</para>
         </listitem>
            <listitem>
            <para>Possibility to use both standard and custom validation</para>
         </listitem>
            <listitem>
            <para>Possibility to use Hibernate Validation</para>
         </listitem>
            <listitem>
            <para>Event based validation triggering</para>
         </listitem>
        </itemizedlist>
    </section>
   <section>
                    <title>Details of Usage</title>

                    <para>The <emphasis role="bold">
                                        <property>&lt;rich:ajaxValidator&gt;</property>
                              </emphasis> 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.</para>


                    <para>The following example demonstrates how the <emphasis role="bold">
                                        <property>&lt;rich:ajaxValidator&gt;</property>
                              </emphasis> adds Ajax functionality to standard JSF validators. The
                              request is sent when the input field loses focus, the action is
                              determined by the <emphasis>
                                        <property>"event"</property>
                              </emphasis> attribute that is set to
                              <code>"onblur"</code>. </para>



                    <programlisting role="XML"><![CDATA[...
<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:outputText value="Age:" />
                  <h:inputText value="#{userBean.age}" id="age" required="true">
                        <f:convertNumber integerOnly="true"/>
                        <f:validateLongRange minimum="18" maximum="99"/>
                        <rich:ajaxValidator event="onblur"/>
                  </h:inputText>
                  <rich:message for="age"/>
      </h:panelGrid>
</rich:panel>
...]]></programlisting>

                    <para>This is the result of the snippet. </para>


                    <figure>
                              <title>Simple example of <emphasis role="bold">
                                                  <property>&lt;rich:ajaxValidator&gt;</property>
                                        </emphasis>with </title>
                              <mediaobject>
                                        <imageobject>
                                                  <imagedata fileref="images/ajaxValidator1.png"/>
                                        </imageobject>
                              </mediaobject>
                    </figure>


                    <para>In the example above it's show how to work with standard JSF validators.
                              The <emphasis role="bold">
                                        <property>&lt;rich:ajaxValidator&gt;</property>
                              </emphasis> component also works perfectly with custom validators
                              enhancing their usage with Ajax. </para>

                    <para> Custom validation can be performed in two ways: </para>

                    <itemizedlist>
                              <listitem>
                                        <para>Using JSF Validation API is available in
                                                  javax.faces.validator package</para>
                              </listitem>
                              <listitem>
                                        <para>Using Hibernate Validator, specifying a constraint for
                                                  the data to be validated. A reference on Hibernate
                                                  Validator can be found <ulink url="http://www.hibernate.org/hib_docs/validator/reference/en/html_single/">in Hibernated documentation</ulink>.
                                        </para>
                              </listitem>
                    </itemizedlist>

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

                    <programlisting role="XML"><![CDATA[...
<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:outputText value="Email:" />
                  <h:inputText value="#{validationBean.email}" id="email">
                        <rich:ajaxValidator event="onblur" />
                  </h:inputText>
                  <rich:message for="email" />
                  
                  <h:outputText value="Age:" />
                  <h:inputText value="#{validationBean.age}" id="age">
                        <rich:ajaxValidator event="onblur" />
                  </h:inputText>
                  <rich:message for="age" />
      </h:panelGrid>
</rich:panel>
...]]></programlisting>


                    <para>Here is the source code of the managed bean.</para>


                <programlisting role="JAVA"><![CDATA[package org.richfaces.demo.validation;

import org.hibernate.validator.Email;
import org.hibernate.validator.Length;
import org.hibernate.validator.Max;
import org.hibernate.validator.Min;
import org.hibernate.validator.NotEmpty;
import org.hibernate.validator.NotNull;
import org.hibernate.validator.Pattern;

public class ValidationBean {

    private String progressString="Fill the form please";
    
    @NotEmpty
    @Pattern(regex=".*[^\\s].*", message="This string contain only spaces")
    @Length(min=3,max=12)
    private String name;
    @Email
    @NotEmpty
    private String email;
    
    @NotNull
    @Min(18)
    @Max(100)
    private Integer age;
    
    public ValidationBean() {
    }

    /* Corresponding Getters and Setters */
    
}]]></programlisting>

                    <para>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
                                        <code>(message="wrong email
                              format")</code> to the <code>@Email</code> annotation.</para>

                    <para>This is how it looks. </para>
                    <figure>
                              <title>Validation using Hibernate validator </title>
                              <mediaobject>
                                        <imageobject>
                                                  <imagedata fileref="images/ajaxValidator2.png"/>
                                        </imageobject>
                              </mediaobject>
                    </figure>


          </section>
   <section>
      <title>Reference Data</title>
      <para>
         <ulink url="&tlddoc;rich/ajaxValidator.html">Table of 
							&lt;rich:ajaxValidator&gt; 
							 attributes</ulink>.
						</para>
      <table>
                    <title>Component Identification Parameters</title>

                    <tgroup cols="2">
                              <thead>
                                        <row>
                                                  <entry>Name</entry>

                                                  <entry>Value</entry>
                                        </row>
                              </thead>

                              <tbody>
                                        <row>
                                                  <entry>component-type</entry>

                                                  <entry>org.richfaces.ajaxValidator</entry>
                                        </row>

                                        <row>
                                                  <entry>component-class</entry>

                                                  <entry>org.richfaces.component.html.HtmlajaxValidator</entry>
                                        </row>

                                        <row>
                                                  <entry>component-family</entry>

                                                  <entry>org.richfaces.ajaxValidator</entry>
                                        </row>

                                        <row>
                                                  <entry>renderer-type</entry>

                                                  <entry>org.richfaces.ajaxValidatorRenderer</entry>
                                        </row>

                                        <row>
                                                  <entry>tag-class</entry>

                                                  <entry>org.richfaces.taglib.ajaxValidatorTag</entry>
                                        </row>
                              </tbody>
                    </tgroup>
          </table>
   </section>
   <section>
                    <title>Relevant Resources Links</title>
                    <para>
                          Visit the <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/ajaxValidator.jsf?c=ajaxValidator">AjaxValidator page</ulink> at RichFaces LiveDemo for examples of component usage and their sources.
                    </para>
          </section>
</section>
