注册环节的AJAX验证———班级管理系统心得

     班级管理系统在注册环节有一个动态的验证是否被注册,当用户的鼠标的焦点离开对应的对话框和就会触发前台的一个JS函数,此函数通过创建一个xmlHttp对象,通过这个对象的onreadystatechange属性判断连接的状态,和open方法来获取数据页面的值,open方法的参数为("GET", "DataRegist.aspx?UserName="+UserName, true);

现将源码贴出,希望各位大牛指错

 

1 <td  align="right">
2              <p>用户名:</p> </td>
3               <td align="left">
4                   <asp:TextBox ID="TxtUserName" runat="server" onblur="javascript:startRequest();" Width="140px" ></asp:TextBox>
5                   <div id="default" ></div>
6                </td>

 

 

js代码:代码
var xmlHttp;
var response_txt;



//创建对象
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp
= new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
xmlHttp
= new XMLHttpRequest();
}
}
//连接
function startRequest()
{
createXMLHttpRequest();

var UserName=document.getElementById("TxtUserName").value;
xmlHttp.onreadystatechange
= handleStateChange;
xmlHttp.open(
"GET", "DataRegist.aspx?UserName="+UserName, true);
xmlHttp.send(
null);
}

function handleStateChange()
{
var obj=document.getElementById("default");
if(xmlHttp.readyState ==4)
{
if(xmlHttp.status == 200)
{

response_txt
=xmlHttp.responseText;

if(response_txt.indexOf("a")!=-1)
{

//用于显示验证是否通过的详细信息加上刚刚所定义正确时的样式
obj.className="Right";
obj.innerHTML
='该会员名可以注册!';
}
else
{

//用于显示验证是否通过的详细信息加上刚刚所定义错误时的样式
obj.className="Error";

obj.innerHTML
='该会员名已经被注册!';
}

}
}



}

 

数据页的代码

 

01 public partial class DataRegist : System.Web.UI.Page
02 {
03     protected void Page_Load(object sender, EventArgs e)
04     {
05         string UserName = Request.QueryString["UserName"].ToString();
06         string SqlSelect = "select * from TblLoginUser where userName='" + UserName + "'";
07         DataTable dtSelect = DBLink.GetDataTable(SqlSelect);
08           
09         
10         if(dtSelect.Rows.Count==0)
11         {
12   
13             Response.Write("a");
14   
15         }
16         else
17         {
18             Response.Write("unvailable");
19         }
20           
21     }
22 }
阅读更多
个人分类: c# 学习
想对作者说点什么? 我来说一句

基于java web的班级管理系统

2009年10月25日 6.86MB 下载

c语言设计一个班级管理系统

2015年11月01日 5KB 下载

班级学生信息管理系统

2012年03月20日 42.86MB 下载

没有更多推荐了,返回首页

不良信息举报

注册环节的AJAX验证———班级管理系统心得

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭