php和AJAX用户注册演示程序

<! 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用户注册演示程序的更多相关文章

Django 博客项目02 Form验证+ 上传头像(预览)+Ajax用户注册
头像预览 $("#avatar_file").change(function(){ // 获取上传的文件对象 var file=$(this)[0].files[0]; // 读取 ...
php实现注册
<?php header("Content-Type:text/html;charset=gb2312"); @mysql_connect('localhost','root ...
Django项目：CRM(客户关系管理系统)--51--42PerfectCRM实现AJAX全局账号注册
#urls.py """PerfectCRM URL Configuration The `urlpatterns` list routes URLs to views. ...
Ajax--Ajax基于原生javascript：创建Ajax对象、链接服务器、发送请求、接受响应结果
Ajax概述异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 同步请求: 请求是由浏览器发送页面会刷新异步请求: 请求是由浏览器的一 ...
自制“低奢内”CSS3注册表单，包含JS验证哦。请别嫌弃,好吗？。
要求必备知识基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址演示地址预览截图(抬抬你的鼠标就可以看到 ...
自制“低奢内”CSS3登入表单，包含JS验证，请别嫌弃哦。
要求必备知识基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址演示地址预览截图(抬抬你的鼠标就可以看到 ...
【jQuery】网上看到一个不错的登陆界面
预览截图如下: Html部分代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
利用ajax技术实现用户注册。
一.ajax? 异步加载技术,在不刷新网页的前提下,实现部分网页内容的更新! AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 思考? 注册界面刚好可以应用 ...
【ajax】ajax异步实现用户注册验证
从前台到后台实现简单用户注册检查用户是否存在 1.编写domain public class User { private String username; private String passwo ...

随机推荐

战胜C语言中令人头疼的问题
C语言一共32个关键字,下面一一列出: 1.auto声明自动变量在默认情况下,编译器默认所有变量都是auto 2.int声明整型变量 3.double声明双精度变量 4.long声明长整型变量 ...
Android_使用 OpenVPN
1. 需要 root http://www.doc88.com/p-847633362717.html http://bbs.gfan.com/android-3679297-1-1.html 需要 ...
bootstrap学习笔记<二>（标题，段落样式）
标题.样式:class="h1"~class="h6" bootstrap中重新定义了h1~h6标签,具体差别如下: 在bootstrap中其他任何标签使用cl ...
uiZjs入门
具体基础的用法,可先看下这个文件做下了解,地址:http://files.cnblogs.com/dachuang/uizjs.rar 请先看完上面的文件,不然下面的可能看不懂,当然你要是之前了解过的 ...
搭建LNMP环境
下载软件包百度云地址下载地址:http://pan.baidu.com/s/1eSfWNoY 一共有17个包 [root@localhost lnmp]# ls /usr/local/src/lnm ...
【Todo】【读书笔记】Java多线程编程指南-设计模式篇
下了这本书<Java多线程编程指南-设计模式篇>, 还有另一本<JAVA多线程设计模式>,据说内容有重复,结合着看.
OpenGL的glClearColor和glClear改变背景颜色
OpenGL的glClearColor和glClear改变背景颜色结合以下两个函数void glClearColor(GLclampf red, GLclampf green, GLclamp ...
Java 7 命令/工具 jcmd 使用详细解释
常见功能列出 Java 进程 PID 以及名称列出进程的 thread dump 得到进程的 heap dump 得到进程的 JVM 参数具体如下: 列出 Java 进程 PID 以及名称 ...
HTML5游戏实战(4): 20行代码实现FlappyBird
这个系列很久没有更新了.几个月前有位读者调侃说,能不能一行代码做一个游戏呢.呵呵,接下来一段时间,我天天都在想这个问题,怎么能让GameBuilder+CanTK进一步简化游戏的开发呢.经过几个月的努 ...
SAP SD你要知道的透明表
一.客户主数据基本数据放在KNA1里: 公司代码放在KNB1里: 销售视图放在KNVV里: 合作伙伴放在KNVP里: 二.信用主数据 KNKK里有信贷限额.应收总额.特别往来: S066里是未清订单 ...

php和AJAX用户注册演示程序

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

随机推荐

热门专题