1 login.jsp

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

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

<tr>
                <td colspan="3"><div id="msTip" style="width:280px"></div>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

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;  
public class LoginAction extends ActionSupport{
    
    private String username;
    private String message;

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

public String getUsername() {
        return username;
    }

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

public String getMessage() {
        return message;
    }

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

}

3. struts。xml

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

jquery formValidate demo 采用struts 异步方式检验用户名是否存在的更多相关文章

  1. MVC Ajax Helper或jQuery异步方式加载部分视图

    Model: namespace MvcApplication1.Models { public class Team { public string Preletter { get; set; } ...

  2. 反爬虫：利用ASP.NET MVC的Filter和缓存（入坑出坑） C#中缓存的使用 C#操作redis WPF 控件库——可拖动选项卡的TabControl 【Bootstrap系列】详解Bootstrap-table AutoFac event 和delegate的分别 常见的异步方式async 和 await C# Task用法 c#源码的执行过程

    反爬虫:利用ASP.NET MVC的Filter和缓存(入坑出坑)   背景介绍: 为了平衡社区成员的贡献和索取,一起帮引入了帮帮币.当用户积分(帮帮点)达到一定数额之后,就会“掉落”一定数量的“帮帮 ...

  3. 通过XMLHttpRequest和jQuery实现ajax的几种方式

    AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架.而,XMLHttpR ...

  4. jquery的ajax同步和异步

    之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去 ...

  5. jquery.validate+jquery.form提交的三种方式

    原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种 ...

  6. JQuery AJAX Demo

    JQuery AJAX Demo APP发展集团:347072638(HTML5,APP) 1.先看一个JQuery AJAX Demo HTML端: <!DOCTYPE html PUBLIC ...

  7. JQuery日记6.5 Javascript异步模式（一）

    理解力JQuery前实现异步队列,有必要理解javascript异步模式. Javascript异步其实并不严重格异步感,js使某些片段异步方式在将来运行,流不必等待继续向下进行. 在多线程的语言中最 ...

  8. 【jQuery】(7)---jQueryAjax同步异步区别

    jQueryAjax同步异步 今天在项目开发过程中,要实现这么一个功能 <!-- 当我点击就业的时候,触发onclick时间,check()方法里通过ajax请求返回数据, 如果该用户已经毕业可 ...

  9. [转] libcurl异步方式使用总结（附流程图）

    文为转载,原文地址:libcurl异步方式使用总结 实习期间用到了libcurl来做HTTPS双向认证,用的是异步方式,简单总结一下. libcurl这个库的同步方式很简单,不做介绍,而异步方式很难理 ...

随机推荐

  1. asp.net批量发布博客到各大博客平台

    新浪博客 http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php 网易博客 http://os.blog.163.com/ap ...

  2. HDU 1272 小希的迷宫 （水题）

    题意: 其实就是让你判断一个图是否为树,要求不能有孤立的点(没有这中情况),且只能有1个连通图,且边数+1=点数,且每个点都有边(不可能只有1个点出现). 思路: 有可能出现连续的4个0,也就是有测试 ...

  3. Informatica元数据库解析

    Informatica所有的元数据信息均以数据库表的方式存到了元数据库中.当然Infa本身工具提供了很多的人性化的功能,使我们在开发时可以很方便的进行操作,但人们的需求总是万变的,需要方便的取到自己需 ...

  4. POJ 3977 Subset

    Subset Time Limit: 30000MS   Memory Limit: 65536K Total Submissions: 3161   Accepted: 564 Descriptio ...

  5. [Papers]NSE, $\p_3u$, multiplier spaces [Guo-Gala, ANAP, 2013]

    $$\bex \p_3\bbu\in L^\frac{2}{1-r}(0,T;\dot X_r(\bbR^3)),\quad 0\leq r\leq 1. \eex$$

  6. Spring 事务管理原理探究

    此处先粘贴出Spring事务需要的配置内容: 1.Spring事务管理器的配置文件: 2.一个普通的JPA框架(此处是mybatis)的配置文件: <bean id="sqlSessi ...

  7. [转]LINK:fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏

    LINK:fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏 原文地址:http://yacare.iteye.com/blog/2010049 很多伙伴在更新VS ...

  8. asp调用.net xml web services

    来源:http://www.cnblogs.com/notus/archive/2006/08/10/473000.html#2662503 (是不是实际上可以用这个办法调用任何xml web ser ...

  9. Hard-Margin SVM（支持向量机）

    什么是Hard-Margin SVM?指的是这个向量机只适用于“数据完全可分(seperately)”的情况. (一)什么是支持向量机? 上述三条直线,选择哪一条比较好?直觉上来说,最右面的那条直线最 ...

  10. WeChat Official Account Admin Platform API Introduction

    Keyword: WeChat API Introduction Message and GeneralAuthor: PondBay Studio[WeChat Developer EXPERT] ...