asp+ajax無重新整理使用者註冊代碼

來源:互聯網
上載者:User

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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.