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

 更新时间:2010年09月12日 13:31:46   作者:  
最近在朋友做个网站http://www.smarteas.net/,其中用实现用户注册这功能,最近网站做到了尾声,我也就把其它有些技术和大家分享一下。
其中用到了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 验证用户名是否存在。首次发这样的技术文档,难免有不足之外,还请大家见凉...

下面将提供下载

相关文章

  • jQuery中常用动画效果函数(日常整理)

    jQuery中常用动画效果函数(日常整理)

    这篇文章主要介绍了小编日常收集整理的关于jQuery中常用动画效果函数的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 深入理解jquery的$.extend()、$.fn和$.fn.extend()

    深入理解jquery的$.extend()、$.fn和$.fn.extend()

    下面小编就为大家带来一篇深入理解jquery的$.extend()、$.fn和$.fn.extend()。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • jquery通过a标签删除table中的一行的代码

    jquery通过a标签删除table中的一行的代码

    删除table中的一行的方法有很多,在本文为大家介绍下jquery是如何做到的,下面有个不错的示例,喜欢的朋友可以参考下
    2013-12-12
  • jquery xMarquee实现文字水平无缝滚动效果

    jquery xMarquee实现文字水平无缝滚动效果

    这篇文章主要介绍了jquery xMarquee实现文字水平无缝滚动效果,需要的朋友可以参考下
    2014-04-04
  • jquery中EasyUI实现异步树

    jquery中EasyUI实现异步树

    前面我们分享了使用jquery中EasyUI实现同步树的代码,本文我们就来看下使用EasyUI实现异步树的方法和示例,希望小伙伴们能够喜欢。
    2015-03-03
  • 在一个页面实现两个zTree联动的方法

    在一个页面实现两个zTree联动的方法

    最近发现项目中很多地方都是树形菜单,而这些树形菜单都是使用树形插件zTree来制作的,下面这篇文章主要给大家介绍了关于在一个页面实现两个zTree联动的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-12-12
  • Jquery Mobile 自定义按钮图标

    Jquery Mobile 自定义按钮图标

    很多朋友都反应jquery mobile自带的图标真的是少之又少,另外我也觉得图标偏小(系统自带的是18*18的),于是琢磨着如何自定义按钮图标,下面小编把我的方法分享在脚本之家平台供大家借鉴
    2015-11-11
  • jQuery实现鼠标可拖动调整表格列宽度

    jQuery实现鼠标可拖动调整表格列宽度

    这篇文章主要介绍了通过jQuery实现鼠标可拖动调整表格列宽度,需要的朋友可以参考下
    2014-05-05
  • jQuery 翻页组件yunm.pager.js实现div局部刷新的思路

    jQuery 翻页组件yunm.pager.js实现div局部刷新的思路

    翻页插件有很多种,做出来的效果都非常棒,这篇文章主要介绍了jQuery 翻页组件yunm.pager.js实现div局部刷新的思路,非常不错,需要的朋友可以参考下
    2016-08-08
  • jQuery中clearQueue()方法用法实例

    jQuery中clearQueue()方法用法实例

    这篇文章主要介绍了jQuery中clearQueue()方法用法,实例分析了clearQueue()方法的功能、定义及进行清空队列操作的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12

最新评论