struts2 ajax 验证

(1)<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

    <sx:head cache="false" compressed="false"/>

<div id="response" style="border: 1px solid black">
    Response goes here
</div>

<br />

<s:form method="post" theme="xhtml" namespace="/nodecorate" action="quizAjax" id="form">
    <s:textfield label="Name" name="name" />
    <s:textfield label="Age" name="age" />
    <s:textfield label="Favorite color" name="answer"/>
    <sx:submit
        validate="true"                        //ajax验证
        ajaxAfterValidation="true"    //这个表示验证通过后，提交，但不跳转
        targets="response"              //这个表示响应的内容填充到id=response的div中
        showLoadingText="false"/>
</s:form>

 

<sx:a
    formId="form"
    validate="true"                     //ajax验证
    ajaxAfterValidation="true"    //不跳转
    targets="response"              //显示响应的内容到id="response"中
    showLoadingText="false">Submit Form with a link</sx:a>这个链接可以验证form，并提交，但是不跳转

 

<input type="checkbox" id="checkbox">Submit Form listening to an event on an element (check to submit)
<sx:bind
    id="bind"
    formId="form"                //这个是验证from的
    sources="checkbox"
    validate="true"
    events="onchange"    
    ajaxAfterValidation="true"
    targets="response"
    showLoadingText="false"/>

选中checkbox,并点击。也可以验证，提交但不跳转。

 

 

<h5>2.Use AJAX validation, and regular request (ajaxAfterValidation="false", default), if validation succeeds</h5>
<br />

<s:form method="post" theme="xhtml" namespace="/nodecorate" action="quizAjax" id="form2">
    <s:textfield label="Name" name="name" />
    <s:textfield label="Age" name="age" />
    <s:textfield label="Favorite color" name="answer"/>
    <sx:submit
        validate="true"                                    //ajax验证
        ajaxAfterValidation="false"                 //跳转
        showLoadingText="false"/>
</s:form>

<sx:a
    formId="form2"
    validate="true"
    ajaxAfterValidation="false"
    showLoadingText="false">Submit Form with a link</sx:a>
<br /><br />

<input type="checkbox" id="checkbox2">Submit Form listening to an event on an element (check to submit)
<sx:bind
    formId="form2"
    sources="checkbox2"
    validate="true"
    events="onchange"
    ajaxAfterValidation="false"
    showLoadingText="false"/>

</body>
</html>

(2)上面的需要在action中加interceptor:

<action name="quizAjax" class="org.apache.struts2.showcase.validation.QuizAction">
            <interceptor-ref name="jsonValidationWorkflowStack"/>
            <result name="input">quiz-ajax.jsp</result>
            <result>quiz-success.jsp</result>
        </action>

(3)QuizAction-validation.xml         //放在和平共处QuizAction在同一目录，QuizAction是个Action，它象个javabean.没有执行任何方法。继承ActionSupport。

它有三个属性：name,age,color.它只对name,age验证，代码如下：

<!DOCTYPE validators PUBLIC "-//OpenSymphony Group//XWork Validator 1.0.2//EN" "http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd">

<!--  START SNIPPET: quizValidators -->
<!--
    Add the following DOCTYPE declaration as first line of your XXX-validation.xml file:
    <!DOCTYPE validators PUBLIC "-//OpenSymphony Group//XWork Validator 1.0.2//EN" "http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd">
-->
<validators>
    <field name="name">
        <field-validator type="requiredstring">
            <message>You must enter a name</message>
        </field-validator>
    </field>
    <field name="age">
        <field-validator type="int">
            <param name="min">13</param>
            <param name="max">19</param>
            <message>Only people ages 13 to 19 may take this quiz</message>
        </field-validator>
    </field>

<!--

       <field name="birthday">
  <field-validator type="date">
   <message>Birthday Required</message>
  </field-validator>
 </field>

 

          <field name="dateValidatorField">
  <field-validator type="date">
   <param name="min">01/01/1990</param>
   <param name="max">01/01/2000</param>
   <message><![CDATA[ must be a min 01-01-1990 max 01-01-2000 if supplied ]]></message>
  </field-validator>
 </field>
 <field name="emailValidatorField">
  <field-validator type="email">
   <message><![CDATA[ must be a valid email if supplied ]]></message>
  </field-validator>
 </field>
 <field name="urlValidatorField">
  <field-validator type="url">
   <message><![CDATA[ must be a valid url if supplied ]]></message>
  </field-validator>
 </field>
 <field name="stringLengthValidatorField">
  <field-validator type="stringlength">
   <param name="maxLength">4</param>
   <param name="minLength">2</param>
   <param name="trim">true</param>
   <message><![CDATA[ must be a String of a specific greater than 1 less than 5 if specified ]]></message>
  </field-validator>
 </field>
 <field name="regexValidatorField">
  <field-validator type="regex">
   <param name="expression">.*\.txt</param>
   <message><![CDATA[ regexValidatorField must match a regexp (.*\.txt) if specified ]]></message>
  </field-validator>
 </field>

        <field name="requiredValidatorField">
  <field-validator type="required">
   <message><![CDATA[ required ]]></message>
  </field-validator>
 </field>

 

 

-->
</validators>

<!--  END SNIPPET: quizValidators  -->

(4)

.errorMessage {
 color: red;
}