AJAX user registration demo program_PHP tutorial-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

AJAX user registration demo program_PHP tutorial

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 15, 2016 pm 01:22 PM

ajax doctype dtd e html public w3c Demo User registration program

User registration demo program

<! doctype html public　"-//w3c//dtd html 4.0//en"
"http://www.w3.org/tr/rec-html140/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>ajax用户注册演示程序</title>
<script language="网页特效" type="text/网页特效">
<!--
//创建函数
function createxmlhttp() 
{
  var request;
  var browser = navigator.appname;
  //使用ie，则使用xmlhttp对象
  if(browser == "microsoft internet explorer") 
  {
    var arrversions = ["microsoft.xmlhttp", "msxml2.xmlhttp.4.0",
      "msxml2.xmlhttp.3.0", "msxml2.xmlhttp","msxml2.xmlhttp.5.0"];
    for (var i=0; i < arrversions.length; i++) 
    {
      try 
      {
 //从中找到一个支持的版本并建立xmlhttp对象
        request = new activexobject(arrversions[i]); 
        return request;
      } 
      catch (exception)
      {
        //忽略，继续
      }
    }
  }
  else
  {
    //否则返回一个xmlhttprequest对象
    request = new xmlhttprequest(); 
    if(request.overridemimetype)
    {
 　　 request.overridemimetype(&#39;text/xml&#39;);
 　 }
    return request;
  }   
}
//全局xmlhttp对象实例变量
var http = createxmlhttp();
//发送请求
function chkuser()
{
  var url = "check.php教程";    //请求"checkusername" servlet
  var name = document.getelementbyid("username").value;   
  url += ("?username="+escape(name)+"&oprate=chkuser");
  http.open("get",url,true);
  http.onreadystatechange = processhttpresponse;
  http.send(null);
  return ;
}
//处理响应
function processhttpresponse()
{
  if(http.readystate == 4)
  {
    if(http.status == 200)
    {
 　   var xmldocument = http.responsexml;
 　   if(http.responsetext!="该用户名有效，可以使用！")
      {
 //返回的信息动态显示
 　　   document.getelementbyid("showstr").style.display = "";
 　　   document.getelementbyid("username").style.background= "#ff0000";
 　　   document.getelementbyid("showstr").innertext = http.responsetext;
 　   }
      else
      {
 　　   document.getelementbyid("username").style.background= "#ffffff";
 　　   document.getelementbyid("showstr").style.display = "";
        document.getelementbyid("showstr").innertext = http.responsetext;
 　   }
    }
    else
    {
 　　 alert("你所请求的页面发生异常，可能会影响你浏览该页的信息！");
 　　 alert(http.status);
    }
  }
}
//检验输入密码
function chkpassword()
{
  var m=document.form1;
  if(m.password.value.length>20 || m.password.value.length<6 )
  {
    document.getelementbyid("passwordstr").style.display = "";
　  document.getelementbyid("password").style.background= "#ff0000";
　  document.getelementbyid("passwordstr").innertext = "对不起,密码必须为英文字母、数字或下划线，长度为6~20!";
   }
   else
   {
　   document.getelementbyid("password").style.background= "#ffffff";
　   document.getelementbyid("passwordstr").style.display = "none";
   }
}
//验证两次密码是否一致
function chkconfirmpassword()
{
   var m=document.form1;
　 if (m.password.value != m.confirmpassword.value)
　 {
　　 document.getelementbyid("confirmpasswordstr").style.display = "";
　　 document.getelementbyid("confirmpassword").style.background= "#ff0000";
　　 document.getelementbyid("confirmpasswordstr").innertext = "对不起,密码与重复密码不一致!";
　 }
　 else
　 {
　　 document.getelementbyid("confirmpassword").style.background= "#ffffff";
　　 document.getelementbyid("confirmpasswordstr").style.display = "none";
　 }
} 
//验证email是否有效
function chkemail()
{
   var m=document.form1;
   var email = m.email.value;  
   //正则表达式
　 var regex = /^([a-za-z0-9_-])+@([a-za-z0-9_-])+(.[a-za-z0-9_-])+/;    
　 var flag = regex.test(email);         
　 if(!flag)    
　 {
     document.getelementbyid("emailstr").style.display = "";
　　 document.getelementbyid("email").style.background= "#ff0000";
　　 document.getelementbyid("emailstr").innertext = "对不起,邮箱地址无效！";  
　 }    
　 else    
　 { 
     document.getelementbyid("email").style.background= "#ffffff";
　　 document.getelementbyid("emailstr").style.display = "none";  
　 }
   
}
//提交检查函数 
function submitcheck()
{
  var m=document.form1; 
  if(m.username.value.length==0)
  {
　  alert("对不起,用户名必须为英文字母、数字或下划线，长度为5~20。");
　  m.username.focus();
　  return false;
  }
  if(m.password.value.length==0)
  {
　  alert("对不起,密码必须为英文字母、数字或下划线，长度为5~20。");
　  m.password.focus();
　  return false;
  }
  if (m.password.value != m.confirmpassword.value)
  {
　  alert("对不起,密码与重复密码不一致!");
　  m.confirmpassword.focus();
　  return false;
  } 
  if(m.email.value.length==0)
  {
　  alert("对不起,邮箱地址不能为空！！");
　  m.email.focus();
　  return false; 
  }
  m.submit();
}
//--> 
</script>
<body >
<form name="form1" method="post" action="register.php">
<h3 align="center">ajax用户注册程序</h3>
<table align="center" width="500" border="1" >
  <tr>
    <td><font color="red">*</font></td>
    <td width="100">用户帐号:</td>
    <td><input type="text" name="username" maxlength="20" style="background=#ffffff" onblur="chkuser()"></td>
    <td><div id="showstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
  <tr>
    <td><font color="red">*</font></td>
    <td>用户密码:</td>
    <td align="left"><input type="password" name="password" maxlength="22" style="background=#ffffff" onblur="chkpassword()"/> </td>
    <td><div id="passwordstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
  <tr>
    <td><font color="red">*</font></td>
    <td>确认密码:</td>
    <td><input type="password" name="confirmpassword" maxlength="20" style="background=#ffffff" onblur="chkconfirmpassword()"/></td>
    <td><div id="confirmpasswordstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
  <tr>
    <td><font color="red">*</font></td>
    <td>email:</td>
    <td><input type="text" name="email" maxlength="100"  style="background=#ffffff" onblur="chkemail()"></td>
    <td><div id="emailstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
</table>
<div align="center"> 
  
　  <input type="button" name="ok" value=" 确定 " onclick="submitcheck()">
　  <input type="reset" name="reset" value=" 取消 ">
  </form>
</div>
</body>
</html>reg.php检测程序
<?php
header("content-type:text/html;charset=gb2312");
@mysql教程_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;ebaeba&#39;) or die("数据库教程服务器连接失败");
@mysql_select_db("test") or die("数据库不存在或不可用");
 
$uname = $_get[&#39;username&#39;];
//下面进行数据库查询　　查找是不是有这一个用户
//如果没有查找到这个用户名
 
$sql="select * from t1 where name=&#39;".$uname."&#39;";
$query=mysql_query($sql);
$row=mysql_fetch_object($query);
if(strlen($uname)<6||strlen($uname)>20)
{
   $msg="用户名必须是6至20个字符.";
}
else
{
 
   if($row==false)
   {
      $msg="该用户名有效，可以使用！";
   }
   else
   {
      $msg="对不起，此用户名已经存在，请更换用户名注册!";
   }
}
echo $msg ;
?>

Copy after login

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)

2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: How To Get Giant Seeds

1 months ago By 尊渡假赌尊渡假赌尊渡假赌

How Long Does It Take To Beat Split Fiction?

4 weeks ago By DDD

R.E.P.O. Save File Location: Where Is It & How to Protect It?

4 weeks ago By DDD

Two Point Museum: All Exhibits And Where To Find Them

1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Where is the login entrance for gmail email?

7378

Java Tutorial

1628

CakePHP Tutorial

1357

Laravel Tutorial

1267

PHP Tutorial

1216

Related knowledge

Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

Why can't I register at the Bitget Wallet exchange? Sep 06, 2024 pm 03:34 PM

There are various reasons for being unable to register for the BitgetWallet exchange, including account restrictions, unsupported regions, network issues, system maintenance and technical failures. To register for the BitgetWallet exchange, please visit the official website, fill in the information, agree to the terms, complete registration and verify your identity.

HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

See all articles