<! 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. 个人博客Week3

    必应软件客户端测评 话不多说 先来一张高大上的客户端界面截图! 首先 映入眼帘的就是四个主要的模块!(1)词典(2)例句(3)翻译(4)应用 (1)词典: 在查询词条的时候,一旦查询了一个词条就不能够 ...

  2. Connection的使用

    package com.cz.test.util.collection; import java.util.ArrayList;import java.util.Collection;import j ...

  3. [转载] 【每周推荐阅读】C-Store：列式存储数据库

    Record-based与column-based是数据库和存储系统里面两种不同的data layout.我们的思维逻辑是基于行记录的,即Record-based data layout,数据记录都是 ...

  4. For Exam (Java常用设计模式) 介绍

    一 创建型模式 工厂模式(Factory): 定义一个用以创建对象的接口 抽象工厂模式(Abstract Factory): 提供一个创建一系列相关或相互依赖对象的接口 单例模式(Singleton) ...

  5. JS 对象（Object）和字符串（String）互转

    利用原生JSON对象,将对象转为字符串 var jsObj = {}; jsObj.testArray = [1,2,3,4,5]; jsObj.name = 'CSS3'; jsObj.date = ...

  6. 【转载】C++异常机制的学习

    参考了这篇文章:http://blog.chinaunix.net/uid-24517549-id-4079174.html 关于线程 进程和线程的概念相信各位看官早已耳熟能详.在这里,我只想带大家回 ...

  7. html5移动端制作知识点总结

    一.测试工具:1.Chrome 2.Opera Mobile二.分辨率:一般现代手机最小320px,最大640px.三.全屏流体设计: 1.腾讯新闻:http://xw.qq.com/ 2.途牛旅游: ...

  8. scala调用java的方法,返回了一个对象链表List<Student>,在scala中遍历该链表获取指定Student的名字name

    假设Student类如下: class Student { private int no; private String name; public int getNo() { return no; } ...

  9. 自定义MVC Html

    自定义ASP.NET MVC Html辅助方法 在ASP.NET MVC中,Html辅助方法给我们程序员带来很多方便,其重要性也就不言自明.有时候,我们不想重复地写一些HTML代码,或者MS没有提供我 ...

  10. Linux命令(1) - 查看内存使用情况: free -hm

    使用"free -hm"命令查看linux服务器的内存使用状况,其中-h表示人性化显示,-m表示将内存显示为M: