最近在朋友做个网站,其中用实现用户注册这功能,最近网站做到了尾声,我也就把其它有些技术和大家分享一下。其中用到了jquery插件来验证用户名哦,这里是利用jquery 来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。
jquery框架实现的ajax 验证用户名是否存在的部分
01 $("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:4,max:10,onerror:"用户名至少4个字符,最多10个字符"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"})
02 .ajaxValidator({
03 type : "get",
04 url : "/ws/NameExist.aspx",
05 datatype : "json",
06 success : function(data){
07 if( data == "1" )
08 {
09 return true;
10 }
11 else
12 {
13 return false;
14 }
15 },
16 buttons: $("#submit"),
17 error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
18 onerror : "该用户名不可用,请更换用户名",
19 onwait : "正在对用户名进行合法性校验,请稍候..."
20 })
NameExist.aspx 实现的源码
异步刷新实现方式有多种,也可以借助js的多种框架,以上是使用jquery框架实现的ajax 验证用户名是否存在。首次发这样的技术文档,难免有不足之外,还请大家见凉...
下面将提供下载
login.rar