現在很多網站中在用戶註冊時都會驗證用戶名是否存在,避免輸入重復,多餘的數捩,這種提示一般是不刷新頁面,要求能及時,快速的提醒用戶.下面我把自己做的總結如下,希望能給朋友帶來些啟發.
<asp:TextBox ID="TextBox2" runat="server" class="iptxt" MaxLength="20" οnblur=”CheckUserName();”></asp:TextBox>
//检查用户名是否存在
function CheckUserName()
{
var userName=document.getElementById("TextBox2").value;
createXMLHttpRequest();
xmlHttp.onreadystatechange = showMessage;
var url = "http://www.cnblogs.com/Test_userName.aspx?userName="+userName;//調用後臺代碼
//初始化请求地址,方法等
xmlHttp.open("GET",url,true);
//发送请求
xmlHttp.send();
}
//申明xmlhttprequest
var xmlHttp;
//创建xmlhttprequest
function createXMLHttpRequest()
{
//如果是ie
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//如果不是ie
else if (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest;
}
}
//这是回调函数,因为刚才发送了请求,服务器会以xml形式返回【处理结果】
function showMessage()
{
if (xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200)
{ //函數成功返回時所要處理的業務邏輯
document.getElementById("Label1").innerText=xmlHttp.responseText;
}
}
}