注册环节的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 }

相关文章推荐

基于jsp+Servlet实现注册页面Ajax验证码

去年在学校做课设时用到表单验证时遇到有需要用到验证码的地方,于是做了一个小demo。最近记性越来越不好,所以记录一下。用到三个文件,分别为:vercode.jsp,AuthImg.java,Check...

struts action使用ajax验证用户名是否有被注册

最近在看一个项目视频,上面使用了ajax来验证用户名是否有被注册 ,但是它使用的是servlet+ajax来验证,但是我觉得这样有点麻烦, 因为还要单独写一个servlet来处理数据,何不就在act...

班级管理系统

系统要求 项目名称: 《班级管理系统》 英文:classMangerSystem 功能描术: 班级管理系统是对班级学生进行管理的一套系统, 具体包含学生管理、班级管理、学生选...

C语言链表实现班级管理系统

上次用结构体数组做了一个图书管理系统,这次决定用链表实现一个简单的班级管理系统,还是先用create()函数第一次输入内容,之后使用可以直接从文件中读取。#include #include #defi...

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

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

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

#include #include #include #include using namespace std; char press;int choose;int n; cl...

【班级学生量化管理系统软件专业版】

在日常班级管理中,很多学校都制定了量化标准对班级学生进行考核管理,为了更好的实现管理,方便管理,我们根据多年学校德育管理经验,开发了本软件。           开发语言:asp.net,开发过程中遇...
  • nenu0
  • nenu0
  • 2014年02月21日 09:21
  • 3687

struts2中使用ajax验证邮箱(用户名)是否被注册

action类: package com.grace.myblog.view.action; import java.io.PrintWriter; import javax.servlet.ht...

Ajax验证用户名或昵称是否已被注册

JavaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力 。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。 页面...

C# ASP.NET - AJAX验证会员注册信息

  • 2011年11月24日 10:31
  • 1.9MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:注册环节的AJAX验证———班级管理系统心得
举报原因:
原因补充:

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