?
????? 做網(wǎng)站用戶注冊(cè)時(shí)，都要驗(yàn)證用戶名是否已經(jīng)被注冊(cè)，現(xiàn)在最常見的做法是點(diǎn)了提交以后再在服務(wù)器端檢查，這樣給用戶帶來很大不便，如果用戶名已經(jīng)被注冊(cè)就需要返回重輸用戶名和密碼，這樣帶來了不必要的回發(fā)過程。以前在
阿里巴巴
注冊(cè)時(shí)發(fā)現(xiàn)阿里巴巴在這點(diǎn)上做得很好，他們就是實(shí)時(shí)檢查的。那么我們?nèi)绾卧?.Net 里面實(shí)現(xiàn)在這個(gè)功能呢。先看一下簡(jiǎn)單的思路，就是在客戶端 Textbox 引發(fā) onchange 事件時(shí)使用 XmlHttpRequest 在后臺(tái)打開一個(gè)網(wǎng)頁檢查反饋結(jié)果。來看看簡(jiǎn)單實(shí)現(xiàn)
function
?Init()?
{
????
var
?userName
=
document.getElementById(
"
UserName
"
);
????userName.onchange
=
function
()
{
????????
var
?oBao?
=
?
new
?ActiveXObject(
"
Microsoft.XMLHTTP
"
);
????????oBao.open(
"
Get
"
,
"
check.aspx?username=
"
?
+
?userName.value,
false
);
????????oBao.send();
????????
var
?strResult?
=
?oBao.responseText;
????}
}
window.onload
=
Init;
在網(wǎng)頁上插入一個(gè)ID為UserName 的 TextBox 這樣檢查 ,然后在check.aspx 內(nèi)檢查用戶名的使用情況，strResult 就可以知道，這樣我們的功能算是完成了，但是這樣做的缺點(diǎn)就是不能與驗(yàn)證控制一起驗(yàn)證，這時(shí)我們可以使用CustomValidator，因?yàn)镃ustomValidator是允許自己添加腳本進(jìn)行驗(yàn)證的，我們把上面的腳本改一下，移到CustomValidator 的客戶端里面。代碼如下：
function
?ValidationFunctionName(source,?arguments)
{
????
var
?userName?
=
document.getElementById(
"
UserName
"
);
????
var
?oBao?
=
?
new
?ActiveXObject(
"
Microsoft.XMLHTTP
"
);
????oBao.open(
"
Get
"
,
"
Check.aspx?username=
"
?
+
?userName.value,
false
);??
????oBao.send();
????
var
?strResult?
=
?oBao.responseText;
????
//
如果返回?1?就代表可以使用，否則不能通過驗(yàn)證
????
if
?(Number(strResult)?
==
?
1
)
????????arguments.IsValid?
=
?
true
;????
????
else
????????arguments.IsValid?
=
?
false
;
}
在網(wǎng)頁上再添加一個(gè) CustomValidator? 控件，再設(shè)一下要驗(yàn)證的控件ID把 ControlToValidate 設(shè)成 UserName，
主要設(shè)置客戶端驗(yàn)證方法 ClientValidationFunction 為 ValidationFunctionName，如：<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="UserName" ClientValidationFunction="ValidationFunctionName"
??????????????? ErrorMessage="被注冊(cè)的用戶名"></asp:CustomValidator>,然后在Check.aspx 里面完成檢查，在我這里是如果可用就往網(wǎng)頁上寫 1 否則 寫 0 ，注意：在Check.aspx 輸出的地方一定要調(diào)用??????? Response.Clear() 和 Response.End() 來保證輸出的信息只有 1 或 0，當(dāng)前你也可以用別的方法輸出，我這里為了快速實(shí)現(xiàn)使用了這種方法，我是在PageLoad 里面與的,如下
Response.Clear();
//
檢查用戶名
if
?(CheckUserName())
????Response.Write(
"
1
"
);
else
?????Response.Write(
"
0
"
);
Response.End();
附上： Demo 文件 下載
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
