asp.net使用CustomValidator異步驗證用戶名

做網站用戶註冊時，都要驗證用戶名是否已經被註冊，現在最常見的做法是點了提交以後再在服務器端檢查，這樣給用戶帶來很大不便，如果用戶名已經被註冊就需要返回重輸用戶名和密碼，這樣帶來了不必要的回發過程。以前在阿里巴巴註冊時發現阿里巴巴在這點上做得很好，他們就是實時檢查的。那麼我們如何在 .Net 裏面實現在這個功能呢。先看一下簡單的思路，就是在客戶端 Textbox 引發 onchange 事件時使用 XmlHttpRequest 在後臺打開一個網頁檢查反饋結果。來看看簡單實現

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;

           在網頁上插入一個ID爲UserName 的 TextBox 這樣檢查 ,然後在check.aspx 內檢查用戶名的使用情況，strResult 就可以知道，這樣我們的功能算是完成了，但是這樣做的缺點就是不能與驗證控制一起驗證，這時我們可以使用CustomValidator，因爲 CustomValidator是允許自己添加腳本進行驗證的，我們把上面的腳本改一下，移到CustomValidator 的客戶端裏面。代碼如下：

<script type="text/javascript" language="javascript">
function ValidationFunctionName(source, arguments)
{
    var userName =document.getElementById("_ctl0:ContentPlaceHolder1:txtUserName");
    var oBao = new ActiveXObject("Microsoft.XMLHTTP");
       oBao.open("Get","CheckUser.aspx?username=" + userName.value,false); 
       oBao.send();
    var strResult = oBao.responseText;
   
    //如果返回 0 就代表可以使用，否則不能通過驗證
    if (Number(strResult) == 0)
           arguments.IsValid = true;   
    else
           arguments.IsValid = false;
          
}

</script>

           在網頁上再添加一個 CustomValidator     控件，再設一下要驗證的控件ID把 ControlToValidate 設成 UserName，
主要設置客戶端驗證方法 ClientValidationFunction 爲 ValidationFunctionName，如：<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="UserName" ClientValidationFunction="ValidationFunctionName"
ErrorMessage="被註冊的用戶名"></asp:CustomValidator>,然後在Check.aspx 裏面完成檢查，在我這裏是如果可用就往網頁上寫 1 否則 寫 0 ，注意：在Check.aspx 輸出的地方一定要調用           Response.Clear() 和 Response.End() 來保證輸出的信息只有 1 或 0，當前你也可以用別的方法輸出，我這裏爲了快速實現使用了這種方法，我是在PageLoad 裏面與的,如下

Response.Clear();
//檢查用戶名
if (CheckUserName())
       Response.Write("1");
else
        Response.Write("0");
Response.End();