<html><head><title>Register</title><script type="text/javascript">//建立XMLHttpRequest對象函數 function GetXMLHttpRequest(){//這裡應該根據瀏覽器版本判斷，假設是ie，簡單處理 var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");return xmlHttp;}//當使用者名稱文字框失去輸入焦點時響應 function checkUserName(){// 檢查文字框是否有輸入 var txtUserName = document.getElementById('txtUserName');if (txtUserName.value == "")return;xmlHttp = GetXMLHttpRequest();// 構造將XMLHttpRequest對象將請求的伺服器端的URL字串 var url = "CheckUserName.aspx?UserName=" + txtUserName.value;// 建立與伺服器端的串連 xmlHttp.open("GET", url, true);// 設定回呼函數 xmlHttp.onreadystatechange = callBack_CheckUserName;// 發送請求 xmlHttp.send(null);}//處理響應 function callBack_CheckUserName(){var lblMessage = document.getElementById("lblMessage");// 4代表格服務器端執行完畢並已經成功返回 if (4 == xmlHttp.readyState){if(200 == xmlHttp.status){//通過responseText屬性得到伺服器端實際返回的文本 var isValid = xmlHttp.responseText;//根據isValid的值決定lblNameMessage的顯示內容 lblMessage.innerHTML = (isValid.toLowerCase() == "true") ? "使用者名稱可用" : "使用者名稱已被註冊";}}else{lblMessage.innerHTML = "資料查詢中...";}}</script></HEAD><body><form method="post" action=""><div>使用者名稱:<input type="text" id="txtUserName" name="txtUserName" onblur="return checkUserName();"/><span id="lblMessage"></span><br>密 碼:<input type="password" id="txtPassword" name="txtPassword" /><br><input type="submit" id="btnRegister" name="btnRegister" value="註冊" /></div></form></body></html>
CheckUserName.aspx.cs
public partial class CheckUserName : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){Response.Clear();string username = Request.QueryString["UserName"];//Request["UserName"]// 類比驗證 實際應用中應查詢資料庫 bool isValid = false;if (String.Compare(username, "amandag", true) != 0){isValid = true;}// 發送驗證結果 Response.ContentType = "text/html";Response.Write(isValid.ToString());Response.Flush();Response.Close();}}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
