Asp.net下利用Jquery Ajax實現(xiàn)用戶注冊檢測（驗證用戶名是否存）
更新時間：2010年09月12日 13:31:46 作者：
最近在朋友做個網(wǎng)站http://www.smarteas.net/，其中用實現(xiàn)用戶注冊這功能，最近網(wǎng)站做到了尾聲，我也就把其它有些技術(shù)和大家分享一下。
其中用到了jquery插件來驗證用戶名哦，這里是利用jquery ajax來驗證用戶名是否存在哦。大家看看效果圖，后面將附上源碼下載。
jquery框架實現(xiàn)的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("服務(wù)器沒有返回數(shù)據(jù)，可能服務(wù)器忙，請重試");},
onerror : "該用戶名不可用，請更換用戶名",
onwait : "正在對用戶名進(jìn)行合法性校驗，請稍候..."
})
NameExist.aspx 實現(xiàn)的源碼
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;
}
異步刷新實現(xiàn)方式有多種，也可以借助js的多種框架，以上是使用jquery框架實現(xiàn)的ajax 驗證用戶名是否存在。首次發(fā)這樣的技術(shù)文檔，難免有不足之外，還請大家見涼...
下面將提供下載
jquery框架實現(xiàn)的ajax 驗證用戶名是否存在的部分JS
復(fù)制代碼 代碼如下:
$("#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("服務(wù)器沒有返回數(shù)據(jù)，可能服務(wù)器忙，請重試");},
onerror : "該用戶名不可用，請更換用戶名",
onwait : "正在對用戶名進(jìn)行合法性校驗，請稍候..."
})
NameExist.aspx 實現(xiàn)的源碼
復(fù)制代碼 代碼如下:
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;
}
異步刷新實現(xiàn)方式有多種，也可以借助js的多種框架，以上是使用jquery框架實現(xiàn)的ajax 驗證用戶名是否存在。首次發(fā)這樣的技術(shù)文檔，難免有不足之外，還請大家見涼...
下面將提供下載
相關(guān)文章
jQuery中animate動畫第二次點擊事件沒反應(yīng)
這篇文章主要介紹了jQuery中animate動畫第二次點擊事件沒反應(yīng)的解決方法，非常的實用，有需要的小伙伴可以參考下2015-05-05
基于Jquery的將DropDownlist的選中值賦給label的實現(xiàn)代碼
使用Jquery 將DropDownlist的選中值賦給label的代碼，需要的朋友可以參考下。2011-05-05
利用JQuery直接調(diào)用asp.net后臺的簡單方法
下面小編就為大家?guī)硪黄肑Query直接調(diào)用asp.net后臺的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
Jquery操作下拉框(DropDownList)實現(xiàn)取值賦值
Jquery操作下拉框(DropDownList)想必大家都有所接觸吧，下面與大家分享下對DropDownList進(jìn)行取值賦值的實現(xiàn)代碼2013-08-08![Javascript 驗證上傳圖片大小[客戶端]](http://img.jbzj.com/images/xgimg/bcimg4.png)
在做上傳圖片的時候，如果不限制上傳圖片大小，后果非常的嚴(yán)重。那么我們怎樣才可以解決一個棘手的問題呢？2009-08-08
本篇文章主要是對jquery cookie的用法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)拖動圖片功能,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
寫得不錯的jquery table鼠標(biāo)經(jīng)過變色代碼
鼠標(biāo)經(jīng)過table變色的效果，想必大家都有遇到過吧，其實實現(xiàn)并不難，在本文為大家詳細(xì)介紹下jquery是如何實現(xiàn)的，感興趣的朋友可以參看下2013-09-09
使用Jquery獲取帶特殊符號的ID 標(biāo)簽的方法
這篇文章主要介紹了使用Jquery如何獲取帶特殊符號的ID 標(biāo)簽，該怎么寫,需要的朋友可以參考下2014-04-04
關(guān)于jquery.validate1.9.0前臺驗證的使用介紹
本篇文章介紹了，關(guān)于jquery.validate1.9.0前臺驗證的使用。需要的朋友參考下2013-04-04