• 技术文章 >web前端 >js教程

    Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)_jquery

    2016-05-16 18:19:49原创568
    其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。

    jquery框架实现的ajax 验证用户名是否存在的部分JS
    复制代码 代码如下:

    $("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:4,max:10,onerror:"用户名至少4个字符,最多10个字符"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"})
    .ajaxValidator({
    type : "get",
    url : "/ws/NameExist.aspx",
    datatype : "json",
    success : function(data){
    if( data == "1" )
    {
    return true;
    }
    else
    {
    return false;
    }
    },
    buttons: $("#submit"),
    error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
    onerror : "该用户名不可用,请更换用户名",
    onwait : "正在对用户名进行合法性校验,请稍候..."
    })

    NameExist.aspx 实现的源码
    复制代码 代码如下:

    protected void Page_Load(object sender, EventArgs e)
    {
    string accounts = Request["accounts"];
    LoginNameExist(accounts);
    }
    public void LoginNameExist(string accounts)
    {
    IUsers user = AgileEIS.Web.DAL.Interface.DALHelper.DALManager.CreateUsers();
    user.Session = ContextHelper.Session;
    user.Accounts = accounts;
    user.Refresh();
    if (!user.Exists)
    {
    Response.Write("1");
    }
    else
    {
    Response.Write("0");
    }
    Response.End();
    return;
    }

    异步刷新实现方式有多种,也可以借助js的多种框架,以上是使用jquery框架实现的ajax 验证用户名是否存在。首次发这样的技术文档,难免有不足之外,还请大家见凉...

    下面将提供下载
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Jquery Ajax 用户注册
    上一篇:基于Jquery的实现回车键Enter切换焦点_jquery 下一篇:jQuery EasyUI 的EasyLoader功能介绍_jquery
    Web大前端开发直播班

    相关文章推荐

    • Angular如何对请求进行拦截封装?• 怎么获取Node性能监控指标?获取方法分享• ie8是否支持es6• 深入了解JavaScript中的DOM与BOM• 浅析Angular中怎么用 Api 代理

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网