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

转载 2011年01月15日 15:57:00

     班级管理系统在注册环节有一个动态的验证是否被注册,当用户的鼠标的焦点离开对应的对话框和就会触发前台的一个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 }

班级信息管理系统

#include "stdafx.h" #include #include #include #include using namespace std; struct student { char...
  • u013947324
  • u013947324
  • 2014年06月21日 21:53
  • 740

mysql数据库程序实现班级管理系统(GradeMangerSystem_MVC_V1.1)及mvc分层

MVC软件架构模式: view视图层:负责与用户进行交互,界面显示 model模型层:业务处理,持久存储数据 contrl控制层:负责接收界面数据组装传给model处理,获取model层显示到界面。 ...
  • sxb956347789
  • sxb956347789
  • 2016年11月14日 22:08
  • 694

班级常规量化考核管理系统

本系统可以根据学校德育量化考核规定,自行调整修改考核条目和分值,后台录入考核记录后,前台可以统计班级和学生,每周,每月,每学期的成绩。后台录入具备:多生,多班,多课等多种录入模式,提高录入数据的效率,...
  • tmouse
  • tmouse
  • 2014年02月21日 16:48
  • 1340

表单前端验证+ajax异步请求

今天做了一个注册表单的各个字段的前端的验证,感觉能用,但不知道还有没有更好的方法,特别是阻止表单提交那块,用了4个变量,感觉有点麻烦,明天要后台验证,用到正则表达式,之前没用过,又可以尝试新的东西了 ...
  • leiwen_su
  • leiwen_su
  • 2015年08月06日 23:16
  • 2844

班级学生成绩管理系统C++

#include #include #include #include using namespace std; char press;int choose;int n; cl...
  • u013921089
  • u013921089
  • 2014年06月21日 22:21
  • 743

用户登录验证Ajax实例详解

程序的思路主要是:页面加载时调用init判断客户端是否存有网站所需的cookies,如果有的话取相应cookies到服务端验证,通过验证显示成功提示,反之显示登录框,同样如果没有所需cookies也显...
  • u011225629
  • u011225629
  • 2015年08月26日 20:27
  • 4089

Ajax前台姓名和身份证号正则验证

正则验证
  • yucongyuqian
  • yucongyuqian
  • 2017年11月16日 17:10
  • 78

MVC登录ajax验证 随笔记录

近期项目使用MVC开发,首先遇到的登录问题,之前使用aspx开发 挺简单的一个功能,使用MVC便闲的无从下手了,目前问题已经解决,记录下来,经过想了半天决定借助ajax处理验证,验证通过后,直接进行提...
  • WorkSpak
  • WorkSpak
  • 2013年07月13日 10:35
  • 1509

用java基础语言编写一个班级学生管理系统

/*需求:学生管理系统  功能:对学生的信息进行管理  1 添加学生信息;2 删除学生信息;3修改学生信息;4 查找指定学生信息;5 查找所有学生信息     涉及到的数据:     管理员:一个(账...
  • u013439440
  • u013439440
  • 2014年01月19日 18:09
  • 4897

【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)

一年前,从不知道Ajax是什么,伴随着不断的积累,到现在经常使用,逐渐有了深入的认识。今天,如果想开发一个更加人性化,友好,无刷新,交互性更强的网页,那您的目标一定是Ajax。   介绍       ...
  • jiuqiyuliang
  • jiuqiyuliang
  • 2014年08月15日 07:59
  • 9667
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:注册环节的AJAX验证———班级管理系统心得
举报原因:
原因补充:

(最多只允许输入30个字)