jquery formValidate demo 采用struts 异步方式检验用户名是否存在

jquery formValidate demo 采用struts 异步方式检验用户名是否存在

1 login.jsp

%26nbsp;

%26lt;%@taglib uri="/struts-tags" prefix="s"%%26gt;
%26lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"%26gt;
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /%26gt;
%26lt;script src="./demo/jquery-1.4.4.min.js" type="text/javascript"%26gt;%26lt;/script%26gt;
%26lt;script src="./demo/formValidator-4.1.1.js" type="text/javascript"%26nbsp;%26nbsp; %26nbsp;charset="UTF-8"%26gt;%26lt;/script%26gt;
%26lt;script src="./demo/formValidatorRegex.js" type="text/javascript"%26nbsp;%26nbsp; %26nbsp;charset="UTF-8"%26gt;%26lt;/script%26gt;
%26lt;script type="text/javascript"%26gt;
%26nbsp;%26nbsp; %26nbsp;$(document).ready(function() {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;$.formValidator.initConfig({
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;formID : "form1",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;theme : "ArrowSolidBox",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;submitOnce : true,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onError : function(msg, obj, errorlist) {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;$("#errorlist").empty();
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;$.map(errorlist, function(msg) {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;$("#errorlist").append("%26lt;li%26gt;" + msg + "%26lt;/li%26gt;")
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;});
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;alert(msg);
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;},
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;ajaxPrompt : '有数据正在异步验证，请稍等...'
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;});

%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;$("#us").formValidator({
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onShowText : "请输入用户名",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onShow : "请输入用户名,只有输入\"111111\"才是对的",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onFocus : "用户名至少5个字符,最多10个字符",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onCorrect : "该用户名可以注册"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;}).inputValidator({
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;min : 5,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;max : 10,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onError : "你输入的用户名非法,请确认"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;}).ajaxValidator({
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;dataType : "json",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;async : true,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;url : "/JqueryFormValidateDemo/user/login.action",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;data : {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;"username" : function() {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return $("#us").val();
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;}
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;},
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;success : function(data) {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;if (data == "yes")
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return true;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return data;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;},
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;//%26nbsp;%26nbsp; %26nbsp;buttons : $("#button"),
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;error : function(jqXHR, textStatus, errorThrown) {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;alert("服务器没有返回数据，可能服务器忙，请重试" + errorThrown);
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;},
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onError : "该用户名不可用，请更换用户名",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onWait : "正在对用户名进行合法性校验，请稍候..."
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;});
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;$("#password1").formValidator({
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onShow : "请输入密码",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onFocus : "至少1个长度",
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onCorrect : "密码合法"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;}).inputValidator({
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;min : 1,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;empty : {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;leftEmpty : false,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;rightEmpty : false,
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;emptyError : "密码两边不能有空符号"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;},
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;onError : "密码不能为空,请确认"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;});
%26nbsp;%26nbsp; %26nbsp;});
%26lt;/script%26gt;
%26lt;/head%26gt;
%26lt;body%26gt;
%26nbsp;%26nbsp; %26nbsp;%26lt;form action="" method="post" name="form1" id="form1"%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;input type="submit" name="button" id="button" value="提交" /%26gt; %26lt;br /%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;table border="0px" style="font-size:12px" width="730px"%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;tr%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td align="right" width="135px"%26gt;用户名:%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td width="265px"%26gt;%26lt;input type="text" id="us" name="us"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;style="width:120px" value="maodong" /%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td width="330px"%26gt;%26lt;div id="usTip" style="width:280px"%26gt;%26lt;/div%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/tr%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;tr%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td align="right"%26gt;密码:%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td%26gt;%26lt;input type="password" id="password1" name="password1"
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;style="width:120px" /%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td%26gt;%26lt;div id="password1Tip" style="width:280px"%26gt;%26lt;/div%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/tr%26gt;

%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;tr%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;td colspan="3"%26gt;%26lt;div id="msTip" style="width:280px"%26gt;%26lt;/div%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/td%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/tr%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/table%26gt;
%26nbsp;%26nbsp; %26nbsp;%26lt;/form%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;

%26nbsp;

%26nbsp;

2 struts action

package action;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

import org.apache.struts2.ServletActionContext;

import net.sf.json.JSONArray;

import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.Action; %26nbsp;
public class LoginAction extends ActionSupport{
%26nbsp;%26nbsp; %26nbsp;
%26nbsp;%26nbsp; %26nbsp;private String username;
%26nbsp;%26nbsp; %26nbsp;private String message;

%26nbsp;%26nbsp; %26nbsp;public String execute(){
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;if(username.equals("111111")){
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;this.setMessage("yes");
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return Action.SUCCESS;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;}
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;this.setMessage("error");
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return Action.SUCCESS;
%26nbsp;%26nbsp; %26nbsp;}

%26nbsp;%26nbsp; %26nbsp;public String getUsername() {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return username;
%26nbsp;%26nbsp; %26nbsp;}

%26nbsp;%26nbsp; %26nbsp;public void setUsername(String username) {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;this.username = username;
%26nbsp;%26nbsp; %26nbsp;}

%26nbsp;%26nbsp; %26nbsp;public String getMessage() {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;return message;
%26nbsp;%26nbsp; %26nbsp;}

%26nbsp;%26nbsp; %26nbsp;public void setMessage(String message) {
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;this.message = message;
%26nbsp;%26nbsp; %26nbsp;}

}

%26nbsp;

3. struts。xml

%26lt;?xml version="1.0" encoding="UTF-8"?%26gt;
%26lt;!DOCTYPE struts PUBLIC
%26nbsp;%26nbsp;%26nbsp; "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
%26nbsp;%26nbsp;%26nbsp; "http://struts.apache.org/dtds/struts-2.0.dtd"%26gt;
%26lt;struts%26gt;
%26nbsp;%26nbsp; %26nbsp;%26lt;package name="user" namespace="/user" extends="json-default"%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;action name="login" class="action.LoginAction" %26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;result type="json"%26gt; %26nbsp;
%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp; %26lt;param name="root"%26gt;message%26lt;/param%26gt; %26nbsp;
%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp;%26nbsp; %26lt;/result%26gt;
%26nbsp;%26nbsp; %26nbsp;%26nbsp;%26nbsp; %26nbsp;%26lt;/action%26gt;
%26nbsp;%26nbsp; %26nbsp;%26lt;/package%26gt;
%26nbsp;%26nbsp; %26nbsp;
%26lt;/struts%26gt;