快捷導(dǎo)航

基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶(hù)名是否存在的實(shí)現(xiàn)代碼

更新時(shí)間：2011年04月06日 22:34:36 作者：

基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶(hù)名是否存在的實(shí)現(xiàn)代碼，需要的朋友可以參考下。

實(shí)例：
1、請(qǐng)求頁(yè)面AJax.aspx
HTML代碼

 
<div> 
<input id="txtName" type="text" /><input type="button" value="查看用戶(hù)名是否存在" id="btn" onclick="JudgeUserName();" /> 
<div id="showResult" style="float:left">div> 
div> 

JS代碼

復(fù)制代碼代碼如下:

 
<script type="text/javascript" src="CSS/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function JudgeUserName() 
{ 
$.ajax({ 
type:"GET", 
url:"AjaxUserInfoModify.aspx", 
dataType:"html", 
data:"userName="+$("#txtName").val(), 
beforeSend:function(XMLHttpRequest) 
{ 
$("#showResult").text("正在查詢(xún)"); 
//Pause(this,100000); 
}, 
success:function(msg) 
{ 
$("#showResult").html(msg); 
$("#showResult").css("color","red"); 
}, 
complete:function(XMLHttpRequest,textStatus) 
{ 
//隱藏正在查詢(xún)圖片 
}, 
error:function() 
{ 
//錯(cuò)誤處理 
} 
}); 
} 
</script> 

2 、頁(yè)面AjaxUserInfoModify.aspx
后臺(tái)代碼

復(fù)制代碼代碼如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
string userName = Request.QueryString["userName"].ToString (); 
if (userName == "James Hao") 
{ 
Response.Write ("用戶(hù)名已經(jīng)存在！"); 
} 
else 
{ 
Response.Write ("您可以使用此用戶(hù)名！"); 
} 
} 

3 、運(yùn)行界面

(1)初始化界面

（2）正在查詢(xún)提示頁(yè)面

（3）驗(yàn)證用戶(hù)名已經(jīng)存在頁(yè)面

（4）驗(yàn)證用戶(hù)名未存在頁(yè)面

至此 AJAX驗(yàn)證用戶(hù)名是否存在的功能已經(jīng)完成。

您可能感興趣的文章:

相關(guān)文章

(jQuery,mootools,dojo)使用適合自己的編程別名命名
我們經(jīng)常用一些別名方法來(lái)使用自己喜歡的js 庫(kù)。學(xué)習(xí)javascript的朋友可以參考下。
2010-09-09
jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
這篇文章主要介紹了jQuery如何獲取/設(shè)置/刪除DOM元素的屬性,需要的朋友可以參考下
2014-05-05
非常實(shí)用的jQuery代碼段集錦【檢測(cè)瀏覽器、滾動(dòng)、復(fù)制、淡入淡出等】
這篇文章主要介紹了非常實(shí)用的jQuery代碼段集錦,總結(jié)分析了包括jQuery檢測(cè)瀏覽器、滾動(dòng)、復(fù)制、粘貼、淡入淡出等操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-08-08
基于JQuery 的消息提示框效果代碼
本身不熟悉js略懂JQuery，閑著沒(méi)事幫朋友公司一個(gè)程序小伙修改了個(gè)消息提示框，把修改后的代碼和代價(jià)分享一下
2011-07-07
jQuery中text() val()和html()的區(qū)別實(shí)例詳解
這篇文章主要介紹了jQuery中text() val()和html()的區(qū)別實(shí)例詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
下面小編就為大家?guī)?lái)一篇Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
JQuery獲得內(nèi)容和屬性方法解析
這篇文章主要介紹了JQuery獲得內(nèi)容和屬性方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
jQuery插件zoom實(shí)現(xiàn)圖片全屏放大彈出層特效
jQuery zoom是一款能夠查看相冊(cè)大圖的jQuery彈出層插件，點(diǎn)擊相冊(cè)的縮略圖，就會(huì)彈出該相片對(duì)應(yīng)的大圖，并且?guī)в袀€(gè)性的加載動(dòng)畫(huà)，還有上一張下一張按鈕以及關(guān)閉按鈕。使用方法非常簡(jiǎn)單。兼容IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等瀏覽器。
2015-04-04
jQuery實(shí)現(xiàn)輸入框郵箱內(nèi)容自動(dòng)補(bǔ)全與上下翻動(dòng)顯示效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框郵箱內(nèi)容自動(dòng)補(bǔ)全與上下翻動(dòng)顯示效果,涉及jquery.autoComplete.js插件的使用,可實(shí)現(xiàn)輸入框內(nèi)容自動(dòng)補(bǔ)全的功能,附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下
2016-09-09
jquery修改網(wǎng)頁(yè)背景顏色通過(guò)css方法實(shí)現(xiàn)
在瀏覽一些網(wǎng)站，尤其是一些小說(shuō)網(wǎng)站的時(shí)候，都會(huì)有修改頁(yè)面背景顏色的地方，這個(gè)是用jquery可以做到
2014-06-06