求ajax的用户注册代码，有注释的最好！

confidenceyu 2011-03-28 03:14:28

如题

...全文

116 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

shine_fly 2011-03-28

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> 用户注册 </TITLE>

 </HEAD>

 <style>

 <!--

 body,td {font-size:12px;}

 input{background-color: #ffffff; color: #000000; font-family: tahoma; font-size: 12px; border: 1px #cccccc double}

 -->

 </style>

 <BODY>

  <script language=javascript>

  <!--

  function checkUserName()

  {

   username=this.form1.username.value;

   var xmlhttp;

   try

   {

  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");

   }

   catch (e)

   {

     try

     {

       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

     }

     catch (e)

     { 

     try

     {

   xmlhttp=new XMLHttpRequest();

     }

     catch (e)

     {

     }

     }

   }

  if (username=="")

  {

    msg="用户名不能为空";

 var ch=document.getElementById("check1");

 ch.innerHTML="<font color='#aaaaaa'>"+msg+"</font>";    

 return false;

  }

 

  //创建请求，并使用escape对username编码，以避免乱码

   xmlhttp.open("get","checkuser.asp?username="+escape(username)+ "&t=" +  new Date().getTime());

   xmlhttp.onreadystatechange=function()

   {

     if(4==xmlhttp.readyState)

  {

    if(200==xmlhttp.status)

    {

      if (xmlhttp.responseText=="yes")

      { 

     msg="此用户名已经存在";

      }

   else

   {

    msg="输入正确";

   }  

    }

    else

    {

      msg="网络链接失败";

    }

    var ch=document.getElementById("check1");

    ch.innerHTML="<font color='#aaaaaa'>"+msg+"</font>";    

  }

   }

   xmlhttp.send(null);  

   return false;

   }  

  //-->

  </script>

 

  <script language="javascript">

  function checkpass1()

  {

    var Inform="form1";

 var Inputname="password1";

    var Form=Inform+"."

    eval("Temp="+Form+Inputname+".value;"); 

 //alert(Temp);

 if(Temp==""){ 

 msg="此项不能为空"; 

 }

 else

 {  

      if(Temp.length<6||Temp.length>20)

   {

     msg="密码必须在6~20个字符之间";

   }

   else

   {

  var Inputname1="password";

     eval("Temp1="+Form+Inputname1+".value");

  if (Temp!=Temp1)

  {

          eval(Form+Inputname+".value='';");

    eval(Form+Inputname1+".value='';");

    eval(Form+Inputname1+".focus();");

    msg="两次密码不一样！"; 

    msg1="";

    var ch1=document.getElementById("password2");

    ch1.innerHTML="<font color='#aaaaaa'>"+msg1+"</font>";

  }

  else

  {

    msg="输入正确";

  }

   }

 }

 var ch=document.getElementById("password3");

 ch.innerHTML="<font color='#aaaaaa'>"+msg+"</font>"; 

  }

    function checkpass()

  {

    var Inform="form1";

 var Inputname="password";

    var Form=Inform+"."

    eval("Temp="+Form+Inputname+".value;"); 

 //alert(Temp);

 if(Temp==""){ 

 msg="此项不能为空"; 

 }

 else

 {  

      if(Temp.length<6||Temp.length>20)

   {

     msg="密码必须在6~20个字符之间";

   }

   else

   {

     msg="输入正确";

   }

 }

 var ch=document.getElementById("password2");

 ch.innerHTML="<font color='#aaaaaa'>"+msg+"</font>";

  }

 </script>

 <script language=javascript>

 function sendreg()

 {

  if(this.form1.username.value=="")

  {

    alert('请输入要注册的用户名');

 this.form1.username.focus();

 return false;

  }

  if(this.form1.password.value=="")

  {

   alert('请输入密码');

   this.form1.password.focus();

   return false;

  }

  else

  {

    if(this.form1.password.value.length<6||this.form1.password.value.length>20)

 {

  alert('密码长度必须在6~20个字符');

  this.form1.password.focus();

  return false;

 }

  }

   if(this.form1.password1.value=="")

  {

   alert('请输入密码');

   this.form1.password1.focus();

   return false;

  }

  else

  {

    if(this.form1.password1.value.length<6||this.form1.password1.value.length>20)

 {

  alert('密码长度必须在6~20个字符');

  this.form1.password1.focus();

  return false;

 }

  }

  if(this.form1.password.value!=this.form1.password1.value)

  {

    this.form1.password.value="";

 this.form1.password1.value="";

 this.form1.password.focus();

 alert('两次密码不一样，请重新输入');

 return false;

  }

   username=this.form1.username.value;

   password=this.form1.password.value;

   var xmlhttp;

   try

   {

  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");

   }

   catch (e)

   {

     try

     {

       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

     }

     catch (e)

     { 

     try

     {

   xmlhttp=new XMLHttpRecordset();

     }

     catch (e)

     {

     }

     }

   }

 

  //创建请求，并使用escape对username编码，以避免乱码

   xmlhttp.onreadystatechange=function()

   {

     if(4==xmlhttp.readyState)

  {

    if(200==xmlhttp.status)

    {

      if (xmlhttp.responseText=="yes")

      {

   this.form1.username.value="";

   this.form1.password.value="";

   this.form1.password1.value="";

   document.getElementById("check1").innerHTML="";

   document.getElementById("password2").innerHTML="";

   document.getElementById("password3").innerHTML="";

   alert('注册成功');

  }

  else

  {

      this.form1.password.value="";

   this.form1.password1.value="";

   alert('注册失败');   

  }

    }

    else

    {

      alert('网络连接失败');

    }

  }

   }

  //打开连接

  xmlhttp.open("post","reg.asp",true)

  xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');

  //发送数据

  xmlhttp.send("username="+escape(username)+"&password="+escape(password));

 }

 </script>

  <div align="center">

  <TABLE border=1 cellpadding=0 cellspacing=0 width=500>

  <form name="form1" method="post">

  <TR>

 <TD colspan=2 align="center" height=25><b>用户注册</b></TD>

  </TR>

  <TR>

 <TD align=right width=100>用户名</TD>

 <TD align=left><input type=text size=30 name="username" onBlur="return checkUserName();"> <span id="check1"></span></TD>

  </TR>

   <TR>

 <TD align=right>密码</TD>

 <TD align=left><input type=password size=30 name="password" onBlur="checkpass();" maxlength=20> <span id="password2"></span></TD>

  </TR>

    <TR>

 <TD align=right>确认密码</TD>

 <TD align=left><input type=Password size=30 name="password1" onBlur="checkpass1();" maxlength=20> <span id="password3"></span></TD>

  </TR>

  <TR>

 <TD align="center" colspan=2><input type="button" value="注册" onclick="return sendreg();" maxlength=20> <input type="reset" value="重置"></TD>

  </TR>

  </form>

  </TABLE>

  </div>

 </BODY>

</HTML>

子夜__ 2011-03-28

打赏
举报



<%@ Page Language="C#" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>验证用户名是否存在</title>

<script type="text/javascript">

    var xmlHttp;

    function createXMLHttpRequest()

    {

        if(window.ActiveXObject)

        {

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

        }

        else if(window.XMLHttpRequest)

        {

            xmlHttp = new XMLHttpRequest();

        }

    }

    //处理方法

    function CheckUserName()

    {

        createXMLHttpRequest();

        var url= "LoginValidate.ashx?username="+document.getElementByIdx("username").value;

        xmlHttp.open("GET",url,true);

        xmlHttp.onreadystatechange=ShowResult;

        xmlHttp.send(null);

        //document.getElementByIdx("Msg").innerHTML='';

    }

    //回调方法

    function ShowResult()

    {

        if(xmlHttp.readyState==4)

        {

            if(xmlHttp.status==200)

            {

                document.getElementByIdx("Msg").innerHTML=xmlHttp.responseText;

            }

        }

    }

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<table style="width: 487px">

    <tr>

        <td style="width: 70px">

            用户名：</td>

        <td style="width: 231px"><input id="username" type="text" />

        <input id="Button1" type="button" value="button" onclick="CheckUserName();" /></td>

        <td id="Msg"></td>

    </tr>

    <tr>

        <td style="width: 70px">

        </td>

        <td style="width: 231px">

        </td>

        <td>

            </td>

    </tr>

</table>

</div>

</form>

</body>

</html>

using System;

using System.Web;

using System.Data;

using System.Data.SqlClient;



public class LoginValidate : IHttpHandler

{

   

    public void ProcessRequest (HttpContext context)

    {

        context.Response.ContentType = "text/plain";

        string username = context.Request.QueryString["username"].ToString();

        string strSQL = "select username from users where username='" + username + "'";

        if (ReDataSet(strSQL).Tables[0].Rows.Count > 0)

        {

            context.Response.Write("该用户已经有人使用！");

        }

        else

        {

            context.Response.Write("恭喜你！"+username+"可以使用！");

        }

        System.Threading.Thread.Sleep(3000);

    }



    //数据库连接字符串

    public static string strCon = "Data Source=.;database=exam;uid=sa;pwd=;";



    /// <summary>

    /// 执行SQL语句，返回DataSet

    /// </summary>

    /// <param name="strSQL"></param>

    /// <returns></returns>

    public  DataSet ReDataSet(string strSQL)

    {

        SqlConnection con = new SqlConnection(strCon);

        try

        {

            con.Open();

            SqlDataAdapter da = new SqlDataAdapter(strSQL, con);

            DataSet ds = new DataSet();

            da.Fill(ds);

            return ds;

        }

        catch (Exception ex)

        {

            throw new Exception(ex.Message);

        }

        finally

        {

            con.Close();

        }

    }

   

    /// <summary>

    /// 不重复调用

    /// </summary>

    public bool IsReusable

    {

        get

        {

            return false;

        }

    }

}