首先check.js里面的代码
//实例化 XMLHttpRquest对象
var http_request=false;
function createRequest()
{
try//IE
{
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e2)
{
http_request = false;
}
}
if (!http_request && typeof XMLHttpRequest != 'undefined') //FireFox
{
http_request = new XMLHttpRequest();
}
}
function callserver()
{
createRequest();
var strText=document.getElementById("txt1").value;
if(strText==""||strText==null)
return ;
var url="check_id.aspx?strtxt="+escape(strText);
http_request.onreadystatechange=updatepage;
http_request.open("GET",url,true);
http_request.send(null);
}
function updatepage()
{
var obj=document.getElementById("div1");
if(http_request.readyState == 4)
{
if(http_request.status==200)
{
var response=http_request.responseText;
if(response.indexOf("regok")!=-1)
{
//验证通过
obj.className="Right";
obj.innerHTML='该会员名可以注册。';
}
else
{
//验证未通过
obj.className="Error";
obj.innerHTML='该会员名已经被注册。';
}
}
}
else
{ //异步传输失败
obj.innerHTML='该会员未能检测,可以尝试注册。';
}
}
在Default.aspx页面HTML代码
<table>
<tr>
<td>
<asp:Label ID="lbl" runat="server" Text="填写用户名" ForeColor="Red">
</asp:Label>
</td>
<td>
<asp:TextBox ID="txt1" οnblur="callserver()" runat="server">
</asp:TextBox>
</td>
<td>
<div id="div1">
</div>
</td>
</tr>
</table>
放在此中的CSS
<style type="text/css">
.Error{ border:1px solid #A2553B;background-color:#FEF1E1;width:200px;float:left;height:18px;line-height:18px;margin-left:24px;color:#4F4F4F;text-indent:12px;}
.Right{ border:1px solid #419041;background-color:#EDFCE7;width:2000px;float:left;height:18px;line-height:18px;margin-left:24px;color:#4F4F4F;text-indent:12px;}
</style>
新建一个check.aspx记住只保留下面一句,其他的html语句全部删掉
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="check.aspx.cs" Inherits="check" %>
按F7进入后代页面
键入如下代码:
protected void Page_Load(object sender, EventArgs e)
{
string name = Request.QueryString["strtxt"].ToString();
if (name == "123")
{
//只有123可以注册。。。
Response.Write("regok");
}
else
{
Response.Write("error");
}
}