PHP+AJAX实现无刷新注册(带用户名实时检测)

2016-01-29 14:16 24 1 收藏

PHP+AJAX实现无刷新注册(带用户名实时检测),PHP+AJAX实现无刷新注册(带用户名实时检测)

【 tulaoshi.com - PHP 】

很多时候,我们在网上注册个人信息,在提交完页面后,总得等待页面刷新来告诉我们注册是否成功,遇到网络差的时候,如果注册了一大串的东西,在经过漫长的等待页面刷新后,得到的确是“您的用户名已被使用”或XXXXXXX不合法,我想大家的心情一定特别不爽,今天就介绍个AJAX实现页面不刷新注册+实时检测用户信息的简单注册程序,希望对大家有所帮助。好的,先看注册界面代码:
   
<table width="831" border="0" align="center" cellpadding="0" cellspacing="0"
  <tr style="display:none"
    <td height="35" align="center" id="result" </td
  </tr
</table
<table width="100%" height="256" border="0" align="center" cellpadding="1" cellspacing="1"
      <tr
        <td width="150" align="left" bgcolor="#FFFFFF"  · 用户名称:          </td
        <td width="310" align="center" bgcolor="#FFFFFF"
          <input name="username" type="text" class="inputtext" id="username"
        
        <font color="#FF6633"*</font</td
        <td align="left" bgcolor="#FFFFFF" id="check" 4-16个字符,英文小写、汉字、数字、最好不要全部是数字。</td
      </tr
      <tr
        <td width="150" align="left" bgcolor="#FFFFFF"   · 用户密码:</td
        <td width="310" align="center" bgcolor="#FFFFFF"
          <input name="userpwd" type="password" class="inputtext" id="userpwd"

          <font color="#FF6633"*</font        </td
        <td align="left" bgcolor="#FFFFFF" id="pwd" 密码字母有大小写之分。6-16位(包括6、16),限用英文、数字。</td
      </tr
          <tr
        <td width="150" align="left" bgcolor="#FFFFFF"  · 重复密码:</td
        <td width="310" align="center" bgcolor="#FFFFFF"  
          <input name="reuserpwd" type="password" class="inputtext" id="reuserpwd"
           
           <font color="#FF6633"*</font        </td
        <td align="left" bgcolor="#FFFFFF" id="repwd" 请再次输入登录密码。</td
          </tr
    </table
[next]当我们选定一个文本框后就会开始调用,现在我们看上面那个页面包含的ajaxreg.js文件的代码,里面就是包含了ajax框架和一些判断函数。

   var http_request=false;
  function send_request(url){//初始化,指定处理函数,发送请求的函数
    http_request=false;
        //开始初始化XMLHttpRequest对象
        if(window.XMLHttpRequest){//Mozilla浏览器
         http_request=new XMLHttpRequest();
         if(http_request.overrideMimeType){//设置MIME类别
           http_request.overrideMimeType("text/xml");
         }
        }
        else if(w

来源:https://www.tulaoshi.com/n/20160129/1492905.html

延伸阅读
标签: Web开发
在任何网站注册用户的时候,都会检查用户是否已经存在。很久以前的处理方式是将所有数据提交到服务器端进行验证,很显然这种方式的用户体验很不好;后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给...
标签: Web开发
1.建立一个aspx页面 html代码 html xmlns="http://www.w3.org/1999/xhtml" head id="Head1" runat="server"     title小山/title     link type="text/css" href="../../Styles/tree_css/tree.css" rel="stylesheet" /head body     form id="Form1" runat...
力高答题用户名用什么注册   力高答题注册流程教程: 1、首先打开安装好的力高答题app,点击注册,如下图: 2、进入力高答题客户端注册页面后,输入填写相关资料信息,然后点击提交,如下图: 3、提交之后就注册用户名成功了,如下图: 力高答题账号注册成功之后,你也可以进行人脸声纹采集,这样登录...
标签: 应用软件
输入帐号 在淘宝官网中输入正确的帐号以及密码,点击登陆。 进入淘宝 登陆完成后,点击左上角的“我的淘宝”。 点击昵称 进入之后你会看到下图,在你的淘宝昵称上点击一下。 编辑资料 这时候会打开资料编辑页面,在里面找到昵称并在后面文本框中输入你想改的名字。 选择保存 填写好信息之后,点击...
标签: Web开发
AJAX的无刷新机制使得在注册系统中对于注册名称的检测能即时显示。 常见的用户注册是用户输入用户名,后台程序检测数据库中用户名是否重复而做出注册的成功与失败之提示(当用户注册重名时将返回重新注册),或者稍微人性化一点就是在用户名文本框后添加一个检测按钮,让用户检测后再做注册。 以上操作,对于用户体验方面来说是比较“差劲”的...