当前位置：首页 > PHP教程 > php应用 > 列表

php ajax实现验证用户名是否存在

发布:smiling　来源: PHP粉丝网 　添加日期：2014-07-31 15:06:19　浏览: 评论：0　
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3.  <head> 
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5.  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
  6.  <link rel="stylesheet" type="text/css" href="css/int.css" /> 
  7. <script type="text/javascript" > 
  8. //根据下拉框变换图片 
  9.  function img_change(thisObj){ 
  10.      var imgsrc = "/bbs/img/"+ thisObj.value+".gif"; 
  11.      document.getElementById("tx_change").src=imgsrc;     
  12.  } 
  13.   
  14.  //检查是否都符合 注册 要求 
  15.  function check_reg() 
  16.  { 
  17.  if(check_len() && check_pass() && check_email() && check_qq()) 
  18.  { 
  19.      return true;     
  20.  }else{ 
  21.      return false; 
  22.      } 
  23.  } 
  24.   
  25.  //检查密码长度不能少于6 
  26.  function check_len(thisObj){ 
  27.      if(thisObj.value.length==0) 
  28.      { 
  29.          document.getElementById('show_pass').innerHTML="密码不能为空"; 
  30.          return false; 
  31.      }else{ 
  32.      if (thisObj.value.length<6) 
  33.      { 
  34.          document.getElementById('show_pass').innerHTML="密码长度不少于6"; 
  35.          return false; 
  36.      } 
  37.          document.getElementById('show_pass').innerHTML="";     
  38.          return true; 
  39.        } 
  40.  } 
  41.   
  42.  //检查俩次密码输入是否一致 
  43.  function check_pass(thisObj){ 
  44.      var psw=document.getElementById('pass'); 
  45.      if(psw.value.length==0) 
  46.      { 
  47.          document.getElementById('show_pass').innerHTML="密码不能为空"; 
  48.          return false; 
  49.      }else{ 
  50.          document.getElementById('show_pass').innerHTML="";     
  51.   
  52.      if (thisObj.value!=psw.value) 
  53.      { 
  54.          document.getElementById('show_repass').innerHTML="两次密码输入不正确"; 
  55.          return false; 
  56.      } 
  57.          document.getElementById('show_repass').innerHTML=""; 
  58.          return true; 
  59.      } 
  60.  } 
  61.   
  62.  //检查email是否正确 
  63.  function check_email(thisObj){ 
  64.      var reg=/^([a-zA-Zd][a-zA-Z0-9_]+@[a-zA-Zd]+(.[a-zA-Zd]+)+)$/gi;     
  65.      var rzt=thisObj.value.match(reg); 
  66.      if(thisObj.value.length==0){ 
  67.          document.getElementById('show_e').innerHTML="Email不能为空"; 
  68.          return false; 
  69.          }else{ 
  70.      if (rzt==null) 
  71.      { 
  72.          document.getElementById('show_e').innerHTML="Email地址不正确"; 
  73.          return false; 
  74.      } 
  75.          document.getElementById('show_e').innerHTML=""; 
  76.          return true; 
  77.    } 
  78.   
  79.  } 
  80.   
  81.  //检查qq格式是否正确 
  82.  function check_qq(thisObj){ 
  83.      var qq=document.getElementById('qq').value; 
  84.      var reg=/^d+$/; 
  85.      if(qq.search(reg)) 
  86.      { 
  87.          document.getElementById('show_qq').innerHTML=" QQ 只能为数字"; 
  88.          return false; 
  89.      }else{ 
  90.          document.getElementById('show_qq').innerHTML=""; 
  91.          return true ; 
  92.          } 
  93.       
  94.       
  95.  } 
  96. </script> 
  97.  <style type="text/css"> 
  98.  td{ 
  99.      height:30px; 
  100.      vertical-align:middle; 
  101.      align:center; 
  102.  } 
  103.  #myText{ 
  104.   width:600px; 
  105.  } 
  106.  </style> 
  107.  <title>注册页面</title> 
  108.  </head> 
  109.   
  110.  <body > 
  111.   
  112.  <?php 
  113.  error_reporting(0); 
  114.  //不让PHP报告有错语发生。如果不关闭好有类似这的错语 Warning: preg_match() 关闭就不出现了 
  115.  session_start(); 
  116.  header("Cache-control: private"); 
  117.   
  118.  $conn = @ mysql_connect("localhost","root","")or die("数据库连接错误"); 
  119.  mysql_select_db("bbs",$conn); 
  120.  mysql_query("set names utf8"); 
  121.   
  122.  if($_POST['submit']) 
  123.  {    
  124.      $username = $_POST["username"]; 
  125.       
  126.      $sql="select userName  from user_info where userName='$username'"; 
  127.   //   echo $sql; 
  128.       
  129.      $query=mysql_query($sql); 
  130.      $rows = mysql_num_rows($query); 
  131.      if($rows > 0){ 
  132.           echo "<script type='text/javascript'>alert('用户名已存在');location='javascript：history.back()';</script>"; 
  133.      }else{ 
  134.          $user_in = "insert into user_info (username,pass,sex,qq,email,img) values ('$_POST[username]',md5('$_POST[pass]'),'$_POST[sex]','$_POST[qq]','$_POST[email]','$_POST[img_select]')";         
  135.          //echo $user_in; 
  136.          mysql_query($user_in); 
  137.          echo "<script type='text/javascript'>alert('写入成功！！');location.href='login.php';</script>"; 
  138.          
  139.      } 
  140.   
  141.  //javascript：history.go(-1) 
  142.       
  143.  } 
  144.  ?> 
  145.   
  146.   
  147.  <form  action="reg.php" name="reg_form" method="post" onsubmit="return check_reg()"> 
  148.  <table name="reg_table" align="left"> 
  149.  <tr> 
  150.      <td>用户：</td><td><input id="username" name="username" class="myText" type="text" maxlength="12" /></td> 
  151.  </tr> 
  152.   
  153.  <tr> <!--性别：0 保密 1 女 2 男--> 
  154.       <td > 性别：</td> 
  155.       <td>女<input type="radio" value="1" name="sex"/> 
  156.           男<input type="radio" value="2" name="sex" /> 
  157.         保密<input type="radio" value="0" name="sex"  checked/></td> 
  158.  </tr> 
  159.   
  160.  <tr> 
  161.      <td>密码：</td><td><input name="pass" class="myText" type="password" onblur="check_len(this)"/><span id="show_pass" style="color:red;"></span></td> 
  162.  </tr> 
  163.   
  164.  <tr> 
  165.      <td>重复密码：</td><td><input name="repass" class="myText" type="password" onblur="check_pass(this)" /><span id="show_repass" style="color:red;"></span></td> 
  166.  </tr> 
  167.   
  168.  <tr> 
  169.      <td>QQ：</td><td><input type="text" class="myText"  name="qq" onblur="check_qq(this)"/><span style="color:red;" id="show_qq"></span></td> 
  170.  </tr> 
  171.   
  172.  <tr> 
  173.      <td>邮箱：</td><td><input type="text" class="myText" name="email"  onblur="check_email(this)"/><span id="show_e" style="color:red;"></span></td> 
  174.  </tr> 
  175.   
  176.  <tr> 
  177.      <td height="60">头像：</td> 
  178.      <td> 
  179.      <select name="img_select" onchange="img_change(this)"> 
  180.          <option value="101" >女 001</option> 
  181.          <option value="102" >女 002</option> 
  182.          <option value="103" >女 003</option> 
  183.          <option value="104" >女 004</option> 
  184.          <option value="105" >男 001</option> 
  185.          <option value="106" >男 002</option> 
  186.          <option value="107" >男 003</option> 
  187.          <option value="108" >男 004</option> 
  188.       </select> 
  189.       <img src="/bbs/img/101.gif" id="tx_change" style="width:50px; height:65px;" alt=""/> 
  190.      </td> 
  191.  </tr> 
  192.   
  193.  <tr height="20" align="justify"> 
  194.      <td align="right" ><input type="submit" value="注册" name="submit" style="margin-right:5px;"/></td> 
  195.      <td><input type="reset"  value="重置" name="reset" style="margin-left:5px;"/></td> 
  196.  </tr> 
  197.   
  198.  <tr> 
  199.      <td  colspan="2">我已有账号现在<a href="login.php">登录</a></td> 
  200.  </tr> 
  201.   
  202.  </table> 
  203.  </form> 
  204.  </body> 
  205.  </html> 
  206.   

Tags: php ajax 验证用户名

分享到：

相关文章

推荐文章

热门文章

最新评论文章