<! 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('text/xml');

 　 }

    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('localhost','root','ebaeba') or die("数据库教程服务器连接失败");

@mysql_select_db("test") or die("数据库不存在或不可用");

$uname = $_get['username'];

//下面进行数据库查询　　查找是不是有这一个用户

//如果没有查找到这个用户名

$sql="select * from t1 where name='".$uname."'";

$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 ;

?>

php和AJAX用户注册演示程序的更多相关文章

  1. Django 博客项目02 Form验证+ 上传头像(预览)+Ajax用户注册

    头像预览 $("#avatar_file").change(function(){ // 获取上传的文件对象 var file=$(this)[0].files[0]; // 读取 ...

  2. php实现注册

    <?php header("Content-Type:text/html;charset=gb2312"); @mysql_connect('localhost','root ...

  3. Django项目：CRM(客户关系管理系统)--51--42PerfectCRM实现AJAX全局账号注册

    #urls.py """PerfectCRM URL Configuration The `urlpatterns` list routes URLs to views. ...

  4. Ajax--Ajax基于原生javascript：创建Ajax对象、链接服务器、发送请求、接受响应结果

    Ajax概述 异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 同步请求: 请求是由浏览器发送 页面会刷新 异步请求: 请求是由浏览器的一 ...

  5. 自制“低奢内”CSS3注册表单，包含JS验证哦。请别嫌弃,好吗？。

    要求 必备知识 基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址 演示地址 预览截图(抬抬你的鼠标就可以看到 ...

  6. 自制“低奢内”CSS3登入表单，包含JS验证，请别嫌弃哦。

    要求 必备知识 基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址 演示地址 预览截图(抬抬你的鼠标就可以看到 ...

  7. 【jQuery】网上看到一个不错的登陆界面

    预览截图如下: Html部分代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  8. 利用ajax技术 实现用户注册。

    一.ajax? 异步加载技术,在不刷新网页的前提下,实现部分网页内容的更新! AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 思考? 注册界面刚好可以应用 ...

  9. 【ajax】ajax异步实现用户注册验证

    从前台到后台实现简单用户注册检查用户是否存在 1.编写domain public class User { private String username; private String passwo ...

随机推荐

  1. MongoDB资料汇总

    MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. 它的特点是高性能.易部署.易使用,存储数据非常方便.主要功能特性有: 面向集合存 ...

  2. mongoDB 修改器（）

    -----------------------------------2016-5-26 15:56:57-- source:[1],MongoDB更新操作符

  3. 02 key concept

    本章提要-------------------------------------术语, 选择性与基数, 软解析与硬解析, 绑定变量, 扩展的游标共享SQL语句生命周期, 特别关注解析部分------ ...

  4. Python IDE专用编辑器PyCharm下载及配置安装过程（Ubuntu环境）

    这几天在折腾Python环境,显示把笔记本安装Ubuntu Linux环境系统,然后基本的Python环境都安装完毕之后需要安装传说中在其平台中最好的代码编辑和管理工具PyCharm,于是就根据网上的 ...

  5. md5加密过程

    import java.beans.Encoder; import java.security.MessageDigest; import java.security.NoSuchAlgorithmE ...

  6. activity去标题栏操作&保留高版本主题

    方式一:每个类都需要去添加此代码 在setContentView(R.layout.activity_splash); 前设置以下代码 requestWindowFeature(Window.FEAT ...

  7. junit4 javaee 5.0 jpa SSH 单元测试问题集锦

    本篇文章基于已经实现了ssh集成的demo.项目.具体的ssh项目怎么配置,请参考本文最后 spring环境下的JUnit4测试 1,下载所需jar包: spring-test-3.2.0.RELEA ...

  8. 注意字段类型是varchar2的时候是需要加长度的

    注意字段类型是varchar2的时候是需要加长度的,如下: alter table a add username varchar2(32); 注意以下是错误的: alter table a add u ...

  9. Nginx安装(zhuan)

    http://www.nginx.cn/install ************************ nginx可以使用各平台的默认包来安装,本文是介绍使用源码编译安装,包括具体的编译参数信息. ...

  10. OpneCV 二值图像区域处理

    //--------------------------------------[程序说明]------------------------------------------- // 在图像处理中总 ...