(测试浏览器版本IE8,FF)
HTML代码:
<head runat="server">
<title></title> <script language="javascript" type="text/javascript">
var xmlHttp; function Message() { if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); if (xmlHttp.overrideMimeType) { xmlHttp.overrideMimeType("text/xml"); } } xmlHttp.onreadystatechange = callback; //注册回调函数 var name = document.getElementById("name").value; xmlHttp.open("GET", "DAL.aspx?name=" + name, true); xmlHttp.send(null); } function callback() { if (xmlHttp.readyState == 4) { //表示交互完成 if (xmlHttp.status == 200) { var mess = xmlHttp.responseText; var div = document.getElementById("mess"); div.innerHTML = mess; } } } </script> </head>
<body> <div> <div>用户名: <input type="text" id="name" onblur="Message()" /></div><div id="mess"></div> 密码:<input type="text" id="pwd" /> <input type="button" onclick=" " id="submit" value="注册" /> </div> </body> </html> 服务器端代码:
public partial class DAL : System.Web.UI.Page
{ protected void Page_Load(object sender, EventArgs e) { string name = Request.QueryString["name"].ToString(); string count = BindData(name).ToString(); string message=""; if (Convert.ToInt32(count) > 0) { message="<span style='color:Red;'>该用户名已经使用!</span>"; //message="该用户名已经使用!"; } else { message = "用户名<span style='color:Blue;'>" + name + "</span>可以使用!"; //message="用户名 " + name + " 可以使用!"; } Response.Write(message); } public string BindData(string name) { string sql = "select count(*) from sysuser where fullname='" + name + "'"; string count = Wima.DAL.SysDba.Adapter.ExecuteScalar(sql).ToString(); return count; } } |
|