当前位置:首页 > 网络编程 > 软件语言 > .NET > Asp.net+ajax实现无刷新检测用户名

Asp.net+ajax实现无刷新检测用户名

点击次数:28 次 发布日期:2008-11-06 07:56:23 作者:源代码网
源代码网推荐
广告载入中
功能为:当用户输入用户名,用户名的文本框失去焦点后就检测用户名是否重复,不用再点击一个按钮才能检测(如今很多网站都具备这个功能哦)。

  下面就给出实现这一功能的代码:

  前台代码:

以下是引用片段:

<script type="text/javascript" language="javascript">
var xmlHttp = null;
function CheckUser()
{
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(err1)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(err2)
{
xmlHttp = new XMLHttpRequest();
}
}
var Text1 = document.getElementById("Text1");
var url = "chkuser.aspx?User=" + Text1.value;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = OnHandler;
xmlHttp.send(null);

}
function OnHandler()
{
if(xmlHttp.readyState == 4)
{
var isValid = xmlHttp.responseText;
var exists = document.getElementById("exsits");

exists.innerHTML = isValid.substring(0,4);
}
}
</script>
<input id="Text1" type="text" onblur="CheckUser()" /><label d="exsits"></label><br />

  然后建一个chkuser.aspx,其后台代码改为:

以下是引用片段:

protected void Page_Load(object sender, EventArgs e)
{
string user = this.Request.QueryString["User"];

if (UserExist(user))
{
Response.Write("存在");
}
else
{
Response.Write("不存在");
}

}

private bool UserExist(string username)
{
ClassLib.Employee emp = new ClassLib.Employee();
return emp.EmpNameExist(username);
}

源代码网推荐

源代码网供稿.
网友评论 (0)
会员中心
网络编程
本站推荐
网络编程之精华