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

 代码如下 复制代码

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 <link rel="stylesheet" type="text/css" href="css/int.css" />
<script type="text/javascript" >
//根据下拉框变换图片
 function img_change(thisObj){
     var imgsrc = "/bbs/img/"+ thisObj.value+".gif";
     document.getElementById("tx_change").src=imgsrc;   
 }
 
 //检查是否都符合 注册 要求
 function check_reg()
 {
 if(check_len() && check_pass() && check_email() && check_qq())
 {
     return true;   
 }else{
     return false;
     }
 }
 
 //检查密码长度不能少于6
 function check_len(thisObj){
     if(thisObj.value.length==0)
     {
         document.getElementById('show_pass').innerHTML="密码不能为空";
         return false;
     }else{
     if (thisObj.value.length<6)
     {
         document.getElementById('show_pass').innerHTML="密码长度不少于6";
         return false;
     }
         document.getElementById('show_pass').innerHTML="";   
         return true;
       }
 }
 
 //检查俩次密码输入是否一致
 function check_pass(thisObj){
     var psw=document.getElementById('pass');
     if(psw.value.length==0)
     {
         document.getElementById('show_pass').innerHTML="密码不能为空";
         return false;
     }else{
         document.getElementById('show_pass').innerHTML="";   
 
     if (thisObj.value!=psw.value)
     {
         document.getElementById('show_repass').innerHTML="两次密码输入不正确";
         return false;
     }
         document.getElementById('show_repass').innerHTML="";
         return true;
     }
 }
 
 //检查email是否正确
 function check_email(thisObj){
     var reg=/^([a-zA-Zd][a-zA-Z0-9_]+@[a-zA-Zd]+(.[a-zA-Zd]+)+)$/gi;   
     var rzt=thisObj.value.match(reg);
     if(thisObj.value.length==0){
         document.getElementById('show_e').innerHTML="Email不能为空";
         return false;
         }else{
     if (rzt==null)
     {
         document.getElementById('show_e').innerHTML="Email地址不正确";
         return false;
     }
         document.getElementById('show_e').innerHTML="";
         return true;
   }
 
 }
 
 //检查qq格式是否正确
 function check_qq(thisObj){
     var qq=document.getElementById('qq').value;
     var reg=/^d+$/;
     if(qq.search(reg))
     {
         document.getElementById('show_qq').innerHTML=" QQ 只能为数字";
         return false;
     }else{
         document.getElementById('show_qq').innerHTML="";
         return true ;
         }
    
    
 }
</script>
 <style type="text/css">
 td{
     height:30px;
     vertical-align:middle;
     align:center;
 }
 #myText{
  width:600px;
 }
 </style>
 <title>注册页面</title>
 </head>
 
 <body >
 
 <?php
 error_reporting(0);
 //不让PHP报告有错语发生。如果不关闭好有类似这的错语 Warning: preg_match() 关闭就不出现了
 session_start();
 header("Cache-control: private");
 
 $conn = @ mysql_connect("localhost","root","")or die("数据库连接错误");
 mysql_select_db("bbs",$conn);
 mysql_query("set names utf8");
 
 if($_POST['submit'])
 {  
     $username = $_POST["username"];
    
     $sql="select userName  from user_info where userName='$username'";
  //   echo $sql;
    
     $query=mysql_query($sql);
     $rows = mysql_num_rows($query);
     if($rows > 0){
          echo "<script type='text/javascript'>alert('用户名已存在');location='javascript:history.back()';</script>";
     }else{
         $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]')";       
         //echo $user_in;
         mysql_query($user_in);
         echo "<script type='text/javascript'>alert('写入成功!!');location.href='login.php';</script>";
       
     }
 
 //javascript:history.go(-1)
    
 }
 ?>
 
 
 <form  action="reg.php" name="reg_form" method="post" onsubmit="return check_reg()">
 <table name="reg_table" align="left">
 <tr>
     <td>用户:</td><td><input id="username" name="username" class="myText" type="text" maxlength="12" /></td>
 </tr>
 
 <tr> <!--性别:0 保密 1 女 2 男-->
      <td > 性别:</td>
      <td>女<input type="radio" value="1" name="sex"/>
          男<input type="radio" value="2" name="sex" />
        保密<input type="radio" value="0" name="sex"  checked/></td>
 </tr>
 
 <tr>
     <td>密码:</td><td><input name="pass" class="myText" type="password" onblur="check_len(this)"/><span id="show_pass" style="color:red;"></span></td>
 </tr>
 
 <tr>
     <td>重复密码:</td><td><input name="repass" class="myText" type="password" onblur="check_pass(this)" /><span id="show_repass" style="color:red;"></span></td>
 </tr>
 
 <tr>
     <td>QQ:</td><td><input type="text" class="myText"  name="qq" onblur="check_qq(this)"/><span style="color:red;" id="show_qq"></span></td>
 </tr>
 
 <tr>
     <td>邮箱:</td><td><input type="text" class="myText" name="email"  onblur="check_email(this)"/><span id="show_e" style="color:red;"></span></td>
 </tr>
 
 <tr>
     <td height="60">头像:</td>
     <td>
     <select name="img_select" onchange="img_change(this)">
         <option value="101" >女 001</option>
         <option value="102" >女 002</option>
         <option value="103" >女 003</option>
         <option value="104" >女 004</option>
         <option value="105" >男 001</option>
         <option value="106" >男 002</option>
         <option value="107" >男 003</option>
         <option value="108" >男 004</option>
      </select>
      <img src="/bbs/img/101.gif" id="tx_change" style="width:50px; height:65px;" alt=""/>
     </td>
 </tr>
 
 <tr height="20" align="justify">
     <td align="right" ><input type="submit" value="注册" name="submit" style="margin-right:5px;"/></td>
     <td><input type="reset"  value="重置" name="reset" style="margin-left:5px;"/></td>
 </tr>
 
 <tr>
     <td  colspan="2">我已有账号现在<a href="login.php">登录</a></td>
 </tr>
 
 </table>
 </form>
 </body>
 </html>

时间: 2024-11-08 20:54:39

php ajax实现验证用户名是否存在的相关文章

ajax+php验证用户名重复代码实例

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="conte

使用struts2+Ajax+jquery验证用户名是否已被注册_jquery

推荐阅读:JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册 在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了. regist.jsp(这里只提供<script>部分): <script type

Ajax实时验证用户名/邮箱等是否已经存在的代码打包_php实例

今天分享一个"利用Ajax技术来检测用户名是否存在"的例子. 利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图:   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo

php ajax注册验证用户名是否存在代码

conn.php文件  代码如下 复制代码 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script > var xmlhttp function showhint(str) { if (str.length==0)   {   document.getelementbyid("txthi

Ajax验证用户名是否存在的例子

Html代码 <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <TITLE>Ajax验证用户名是否存在例子</TIT

Ajax实现异步刷新验证用户名是否已存在的具体方法

 由于要做一个注册页面,看到许多网站上都是使用Ajax异步刷新验证用户名是否可用的,所以自己也动手做一个小实例 都是简单的实例,所以直接发代码   静态页面Ajax.html  代码如下: <html>     <head>         <title>Ajax</title>         <script type="text/javascript">             function loadXMLDoc()

用AJAX实现php用户名验证

//该文件为register.php,在客户端 <html> <head> <title>用户注册</title> <meta http-equiv = "content-type" content = "text/html;charset=utf-8"/> <script type = "text/javascript" > //创建ajax引擎 function getX

Ajax无刷新验证用户名、密码和邮箱等输入信息

首先来看主程序代码(reg.html):  代码如下 复制代码 <div id="reg">         请输入用户名:<input id="usrname" value="请输入用户名" onfocus="regInit();regKey()"   onblur="regInit()" onkeyup="regKey()"/> </div> &l

Ajax验证用户名实例代码_AJAX相关

用Ajax验证用户名代码如下所示: 接口: get guestbook/index.php m : index a : verifyUserName username : 要验证的用户名 返回 { code : 返回的信息代码 0 = 没有错误,1 = 有错误 message : 返回的信息 具体返回信息 } js oUsername1.onblur = function() { //失去焦点的时候,把当前用户名给后端去验证 ajax('get', 'guestbook/index.php',