asp+ajax无刷新用户注册代码

reg.asp文件

<!--#include file="adoconn.asp"-->
<%
username=request.Form("username")
password=request.Form("password")

sql="select * from puser where y_username='"&username&"'"
rs.open sql,conn,1,1
If Not rs.eof Then
 response.write "no"
 response.end
End If
rs.close

sql="insert into puser(y_username,y_password) values('"&username&"','"&password&"')"
rs.open sql,conn,1,3
response.write "yes"
%>

adoconn.asp文件代码
<%
set rs=server.CreateObject("adodb.recordset")
db="./username.mdb"
Set conn = Server.CreateObject("ADODB.Connection")
connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(db)
conn.Open connstr
%>

检测用户是否存在

<!--#include file="adoconn.asp"-->
<%
username=Replace(request.querystring("username"),"'","")
sql="select * from puser where y_username='"&username&"'"
rs.open sql,conn,1,1
if rs.eof then
 response.write "no"
else
 response.write "yes"
 end if
 rs.close
 %>

mdb.数据表

y_id 自动编号
y_username text
y_password text

<!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=document.getElementById("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" id="username" onBlur="return checkUserName();">&nbsp;<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>&nbsp;<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>&nbsp;<span id="password3"></span></TD>
  </TR>
  <TR>
 <TD align="center" colspan=2><input type="button" value="注册" onclick="return sendreg();" maxlength=20>&nbsp;<input type="reset" value="重置"></TD>
  </TR>
  </form>
  </TABLE>
  </div>
 </BODY>
</HTML>

时间： 2024-11-01 02:27:29

asp+ajax无刷新用户注册代码的相关文章

asp ajax无刷新保存数据程序代码

//首先创建访问对象 request  代码如下 复制代码 var request = false; try{  request = new XMLHttpRequest(); } catch (trymicrosoft) {   try{     request = new ActiveXObject("Msxml2.XMLHTTP");    }   catch (othermicrosoft) {     try {       request = new ActiveXObje

不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术_javascript技巧

网上流传的什么<<AJAX vs ASP传统无刷新>>中的ASP无刷新,加个IFRAME,弄个JS根本不能称之为无刷新..... 一下代码未区分大小写,请自行修改! 全静态无刷新思路: <HTML> <SCRIPT SRC=""></SCRIPT>//当前页面全局的 无数新调用 <SCRIPT> //一系列JS调用 FUNCTION XX(FUN_NAME,PARAMETER_NAME,PARAMETER_VALU

swfupload ajax无刷新上传图片实例代码_实用技巧

最近自己做项目的时候需要添加一个功能,上传用户的图片,上传用户图片其实涉及到很多东西,不只是一个html标签<input id="File1" type="file" />或者asp.net封住好的FileUpload 控件,现在网站不再讲究的是功能性,更多的是用户体验性,在这里上传图片就需要用到ajax无刷新上传图片,这里面包含的东西不是一点半点.这里用到的是一个插件swfupload 实现无刷新上传图片.直接上传我的代码供大家参考. 前台代码区: 复

JS+ASP打造无刷新新闻列表

新闻列表在各大网站中并不少见,有了新闻列表就少不了分页,今天我们要谈的就是各分页间的切换方式. 传统的方法是将页码以URL参数的形式传到列表页,列表页内程序根据传入的参数来显示不同的内容,这之间就有了一次刷新.然而很多时候页面中的新闻列表只占该页布局的一小部分,分了更新这小部分的内容却得刷新整个页面的内容,有人抗议了,于是之后就有人采用XMLHTTP.AJAX等技术来实现无刷新更新列表.今天我们也要实现无刷新更新列表,但不使用XMLHTTP.AJAX等新技术,只使用传统的JavaScript和A

Javascript+ASP打造无刷新新闻列表

javascript|刷新|无刷新 如上图所示的新闻列表在各大网站中并不少见,有了新闻列表就少不了分页,今天我们要谈的就是各分页间的切换方式.传统的方法是将页码以URL参数的形式传到列表页,列表页内程序根据传入的参数来显示不同的内容,这之间就有了一次刷新.然而很多时候页面中的新闻列表只占该页布局的一小部分,分了更新这小部分的内容却得刷新整个页面的内容,有人抗议了,于是之后就有人采用XMLHTTP.AJAX等技术来实现无刷新更新列表.今天我们也要实现无刷新更新列表,但不使用XMLHTTP.AJAX

jQuery.form Ajax无刷新上传报错的解决方法

今天在用ajaxfileupload时firebug报了一个"jQuery.handleError is not a function"的错误.因为在以前使用jQuery.form一直都没有出现过这个问题,我对比以前的项目才发现,在这个项目中使用的jQuery是1.10.2的版本,而以前是使用的1.4.2.度娘一番之后,找到解决办法:jQuery.handleError is not a function 报错原因是: handlerError只在jquery-1.4.2之前的版本中存

ajax无刷新分页的简单实现_AJAX相关

本文实例为大家分享了ajax无刷新分页的具体代码,供大家参考,具体内容如下 html页 <html> <head> <title></title> <style type="text/css"> table{ border:solid 1px #444; background-color:Aqua;} table td{border:solid 1px #444;} </style> <script src=

Json的Ajax无刷新分页效果

Json的Ajax无刷新分页效果 这一篇我讲接着写利用json读取数据以及和分页器绑定实现无刷新的分页效果 //根据当前页读取数据        function BindCommentList(page) {            $.post("/Ajax/Elec_Comment/GetData.asp教程x", { pid: '<%=DotNet.Framework.Common.QueryString.QId("id") %>', page:

ajax无刷新保存用户提交数据

们继续我们的修改用户资料,修改用户资料,首先第一个需要我们做的就是,先显示出所有的用户信息. 最新的网站结构,下面用箭头标注的就是今天新增加了几个文件. ShowStudent.htm增加如下代码. <link href="Style/BaseStyle.css教程" rel="stylesheet" type="text/css" /> <script src="Js/BaseJs.js" type=&qu