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