ajax验证用户名二

现在我们把check.js文件代码来看看吧.

function c(){
  var uid =document.getElementById('uid').value;
  var pwd =document.getElementById('password').value;
  var pwd2=document.getElementById('password2').value;
  var mo =document.getElementById('mo').value;
  var name=document.getElementById('name').value;  
  
  if( uid=='' || uid.length>12 || uid.length<3 ){
    document.getElementById('u_info').innerHTML='<div id=error>昵称长度为3-12字符!</div>'; 
    return false;
  }else{
    document.getElementById('u_info').innerHTML='<div class="defult">用户名长度3-12位</div>';
  }
  
  
  if(pwd =='' || pwd!=pwd2 || pwd.length<6 || pwd.length>12){
    document.getElementById('p_info').innerHTML='<div id=error>密码不能为空或二次输入的密码不一致!</span>';
    return false;
  }else{
    document.getElementById('p_info').innerHTML='<div id=success></div>';
    document.getElementById('p_info1').innerHTML='<div id=success></div>';
  }
  
  if( mo.match(/^[0-9]{3,4}-[0-9]{7,8}$/) || mo.match(/^(((d{3}))|(d{3}-))?13d{9}$/) ){
    document.getElementById('m_info').innerHTML='<div id=success></div>';
  }else{
    document.getElementById('m_info').innerHTML='<div id=error>手机13875888888与座机（0731-888888）</span>';
    return false;
  }
  
  if( name=='' || name.length>12 || name.length<2 ){
    document.getElementById('n_info').innerHTML='<div id=error>请输入你的真实姓名!</span>';
    return false;    
  }else{
    document.getElementById('n_info').innerHTML='<div id=success></div>';
  }
  
 

}

var xmlHttp = false;

function ajaxcreate(){

try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
try {
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 } catch (e2) {
  xmlHttp = false;
 }
 }

if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
 }
if(!xmlHttp){alert('Create Xmlhttp Fail ');return false;}
}

function ajax(){
 ajaxcreate();
 var xmvalue=document.getElementById("uid").value;
 var url="ajax_check.php?txt="+encodeURI(xmvalue);
 if (xmvalue== null || xmvalue.length>20 || xmvalue == "") return false;
 xmlHttp.open("POST",url,true);
 xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 xmlHttp.send(xmvalue); 
 xmlHttp.onreadystatechange=returnstate; 
}
function returnstate(){
 if(xmlHttp.readyState != 4 ){
  document.getElementById("u_info").innerHTML="<div class=defult>正在验证请稍后...</div>";
 }
 if(xmlHttp.readyState == 4 ){
  document.getElementById("u_info").innerHTML=xmlHttp.responseText;
 }
}

ajax验证用户名二

<?php
header("Content-type:text/html;charset=gb2312");
require_once('inc/connect.php');
$xm=isset($_GET['txt'])?$_GET['txt']:'null';

if(preg_match("/^[".chr(0xa1)."-".chr(0xff)."]+$/", $xm)){
  echo("<div id='error'>对不起,不能使用中文作为用户名! </div>");
  exit();
 }
if($xm=='null' || $xm=='' || strlen($xm)>10 || strlen($xm)<3){
 echo("<div id='error'>对不起,用户由3-12Aa_zZ及数字组成! </div>");
 exit();
}else{
 $result=mysql_query("select m_uid from wk_member where m_uid='$xm' ") or die('Error !'.mysql_error());
 if(!mysql_num_rows($result)){
  echo("<div id='success'><font color=red>&nbsp;&nbsp;&nbsp;&nbsp;恭喜你!此用户可以注册!</font> </div>");
 }else{
  echo("<div id='error'>对不起,用户己被注册请选择其它名称!</div>");
 }
}

?>

本站原创: www.111cn.net 

ajax验证文章我以前写过很多哦,下面我再来写一个ajax检查用户名的教程吧,全部贴上来.

这里是界面效果图片,我们主要有三个文章一个reg.php里面几乎是html 代码,一个是register.php注册文件,一个是否chech.js文件,还有最后一个ajax_check.php文件,要完成这次ajax 用户检测就要用到上面四个文章下面我们就先来看看界面代码吧.

css 与js代码.导入

<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
}
#error{color:#FF0000; background-image:url(images/1.jpg); height:26px; padding-top:10px;padding-left:50px;width:277px;}
.defult{color:#333333; background-image:url(images/3.jpg); height:26px; padding-top:10px;padding-left:50px;width:277px;}
#success{
 background-image:url(images/0.jpg) ;
 background-repeat:no-repeat;
 
 height:26px;
 }
.input{height:18px; width:221px;}
.STYLE1 {color: #FF0000}
.black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 100%; 
height: 100%; 
background-color: black; 
z-index:1001;
-moz-opacity: 0.8; 
opacity:.80; 
filter: alpha(opacity=50); 
} 
.white_content {
 display: none;
 position: absolute;
 top: 25%;
 left: 25%;
 width: 50%;
 height: 50%;
 border:1px solid #000000;
 background-color: white;
 z-index:1002;
 overflow: auto;
 padding: 5px;
}
.close{height:15px; text-align:right; margin-bottom:10px;}
a {
 font-size: 12px;
 color: #000000;
}
a:visited {
 color: #000000;
}
a:active {
 color: #000000;
}
-->
</style>
<script language="javascript" src="js/check.js"></script>

这里是html表现代码

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<form id="form1" name="form1" method="post" action="register.php">
  <tr>
    <td width="137">&nbsp;</td>
    <td width="17" height="27">&nbsp;</td>
    <td width="229">&nbsp;</td>
    <td width="417">&nbsp;</td>
  </tr>
  <tr>
    <td align="right">昵&nbsp;&nbsp;称：</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="uid" type="text" class="input" id="uid"  onblur="return ajax();"  onfocus="return c();"size="20" /></td>
    <td align="left" id="u_info"><div class="defult">用户昵称长度3-12个字符</div></td>
  </tr>
  <tr>
    <td align="right">性&nbsp;&nbsp;别：</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td>
      <label></label>    <label>
      <select name="sex" id="sex">
        <option value="1">男</option>
        <option value="0">女</option>
      </select>
      </label></td>
    <td align="left">&nbsp;</td>
  </tr>
  <tr>
    <td align="right">密&nbsp;&nbsp;码：</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="password2" type="password" class="input" id="password2" onblur="c();" size="20" /></td>
    <td align="left" id="p_info"><div class="defult">长度6-12位</div></td>
  </tr>
  <tr>
    <td align="right">确认密码：</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="password" type="password" class="input" id="password" onblur="c();" size="20" /></td>
    <td align="left" id="p_info1"><div class="defult">确认密码</div></td>
  </tr>
  <tr>
    <td align="right">手&nbsp;&nbsp;机：</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="mo" type="text" class="input" id="mo" onblur="c();" size="20" /></td>
    <td align="left" id="m_info"><div class="defult">手机13875888888与座机（0731-888888）</div></td>
  </tr>
  <tr>
    <td align="right">真实姓名：</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="name" type="text" class="input" id="name" onblur="c();" size="20" /></td>
    <td align="left" id="n_info"><div class="defult">真实姓名：小明</div></td>
  </tr>
  <tr>
    <td height="34">&nbsp;</td>
    <td height="27">&nbsp;</td>
    <td><label>
      <input name="check_name" type="checkbox" id="check_name"   value="1" checked="checked"  />
      <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
      我接受服务条款
      </a>
    </label></td>
    <td id=t_info>
    <div id="light" class="white_content">
    <div class="close">
    <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
    关闭</a>
    </div>
    <div style="margin:10px;">
    为里是条款内容！
    </div>
    </div> </td>
  </tr>
  <tr>
    <td height="60">&nbsp;</td>
    <td height="27">&nbsp;</td>
    <td><label>
      <input type="image" name="imageField" id="imageField" src="images/btn.jpg" onclick="javascript:return c();"/>
    </label></td>
    <td>&nbsp;</td>
  </tr>
  </form>
</table>

本站原创:  www.111cn.net/phper/php.html

其实方法很多也很简单的,如

好了,html  页面的css与js都写好了下面我们来看看数据库与php程序是如何实现的吧,我们先来看看数据库结构.

CREATE TABLE IF NOT EXISTS `su_mon_vote` (
  `id` int(11) NOT NULL auto_increment,
  `v1` varchar(100) default NULL,
  `v2` varchar(200) NOT NULL,
  `v3` varchar(200) NOT NULL,
  `v4` varchar(200) NOT NULL,
  `v5` varchar(200) NOT NULL,
  `v6` varchar(200) NOT NULL,
  `name` varchar(50) NOT NULL,
  `tel` varchar(50) NOT NULL,
  `email` varchar(50) NOT NULL,
  `address` varchar(200) NOT NULL,
  `vip` varchar(20) NOT NULL,
  `vdate` datetime NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312 AUTO_INCREMENT=6 ;上面的结构是随便写的没注意数据库其它方面报.好下面我们来看看php程序是怎么判断调查的吧.

if(empty($_COOKIE["cook"])){ 
  mysql_connect('localhost','root','mailangel') or die('database server no exists!');
  mysql_select_db('vot') or die('database error!'); 
  mysql_query("SET NAMES 'gbk'");//set document charset encode
  $name =get_value("name",'post');
  $tel =get_value("tel",'post');
  $email =get_value("email",'post');
  $add =get_value("address",'post');
  $vip =get_real_ip();
  $date =date("Y-m-d h:i:s");
  $value =$_SERVER['HTTP_HOST']; 
  
  $array =array();
  for($i=1;$i<=6;$i++){
   $v ='v'.$i;
   $v =get_value("$v",'post');
   $array[$i-1]=$v;
   if(empty($v)){
    alert('对不起,你还有选项未选!','');
   }
  } 
  
  if( strlen($name)>100 || strlen($name)<3 ) {
   alert('用户名长度3-20','');
  }elseif( strlen($tel)>15 || strlen($tel)<7){ 
   alert('请输入正确的电话号码!','');
  }elseif( strlen($email)>50 || strlen($email)<10 ) {
   alert('对不起,你的邮箱地址不正确!','');
  }elseif( strlen($add)>100 || strlen($add)<10 ){
   alert('地址长度10-100字符!','');
  }
  
  $sql ="Insert into su_mon_vote(v1,v2,v3,v4,v5,v6,name,email,address,vip,vdate,tel) value( ";
  $sql =$sql."'".$array[0]."','".$array[1]."','".$array[2]."','".$array[3]."','".$array[4]."','".$array[5]."','$name',";
  $sql =$sql."'$email','$add','$vip','$date','$tel')";
  //mysql_query($sql) or die($sql.mysql_error());
  if( mysql_query($sql)){
   setcookie("cook", $value, time()+7200, "/");
   alert('答题成功,谢谢你的参与!','index.html');
   
  }else{
   alert('系统忙...请稍后再试','');
  }
  
 }else{
   print "答题失败,一人只能参加一次答题!，<a href=# onclick="history.back();">点击返回</a>";
 } 
 
 
 

 function get_value($para,$para2){//获取参数的值
  if( 'post'==$para2 ){
   return addslashes(isset($_POST[$para])?$_POST[$para]:'');
  }else{
   return addslashes(isset($_GET[$para])?$_GET[$para]:'');
  }
 }
 
 function alert($str,$para){//提示设置函数，
  if( ''== $para){
   exit("<script>alert('$str');history.back();</script>");
  }else{
   exit("<script>alert('$str');location='$para';</script>");
  }
 }
 
  function get_real_ip(){
    $ip=false;
    if(!empty($_SERVER["HTTP_CLIENT_IP"])){
     $ip = $_SERVER["HTTP_CLIENT_IP"];
    }
    if (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
     $ips = explode (", ", $_SERVER['HTTP_X_FORWARDED_FOR']);
     if ($ip) { array_unshift($ips, $ip); $ip = FALSE; }
     for ($i = 0; $i < count($ips); $i++) {
      if (!eregi ("^(10|172.16|192.168).", $ips[$i])) {
       $ip = $ips[$i];
       break;
      }
     }
    }
    return ($ip ? $ip : $_SERVER['REMOTE_ADDR']);
  }
?>