会员注册验证代码(php+mysql+Ajax)

会员注册验证代码(php教程+mysql教程+ajax)
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="images/css教程.css" rel="stylesheet" type="text/css" />
<title>会员注册验证代码(php+mysql+ajax)</title>
<script language="网页特效" src="网页特效/common.网页特效"></script>
<script language="网页特效" src="js/prototype.js"></script>
<script language="javascript" src="js/passwordstrength.js"></script>
<script language="javascript">
 var icon = '';
 var ns = ["usr","pwd","repwd","eml"];
 function changeusr(){
  if($("checkbtn").disabled) $("checkbtn").disabled = false;  
 }
 function checkusr(s){  
  var ma = ["用户名(4-16位)!","用户名由数字、英文、下划线、中杠线组成!"];
  if(!limitlen(s,4,16)){
   showinfo("usr",ma[0]);
   return false;
  }
  if(!hasaccountchar(s)){
   showinfo("usr",ma[1]);
   return false;
  }
  showinfo("usr");
  return true;
 }
 function checkpwd(s){
  var ma = ["密码(6-16位)!","密码不能包含中文或全角符号!","两次输入的密码不一致!"];
  ps教程.update(s);
  if(!limitlen(s,6,16)){
   showinfo("pwd",ma[0]);
   return false;
  }
  if(haschinesechar(s)){
   showinfo("pwd",ma[1]);
   return false;
  }
  if(limitlen($f("repwdinput"),6,16)){
   if(trim($f("repwdinput")) == trim(s)){
    showinfo("pwd");
    showinfo("repwd");
    return true;
   }else{
    showinfo("pwd",ma[2]);
    return false;
   }
  }
  showinfo("pwd");
  return true;
 }
 function checkpwd2(s){
  var ma = ["确认密码(6-16位)!","密码不能包含中文或全角符号!","两次输入的密码不一致!"];
  if(!limitlen(s,6,16)){
   showinfo("repwd",ma[0]);
   return false;
  }
  if(haschinesechar(s)){
   showinfo("repwd",ma[1]);
   return false;
  }
  if(limitlen($f("pwdinput"),6,16)){
   if(trim($f("pwdinput")) == trim(s)){
    showinfo("pwd");
    showinfo("repwd");
    return true;
   }else{
    showinfo("repwd",ma[2]);
    return false;
   }
  }
  showinfo("repwd");
  return true;
 }
 function checkeml(s){
  var ma = ["请输入常用邮件!","邮件格式不正确!"];
  if(s.length < 5){
   showinfo("eml",ma[0]);
   return false;
  }
  if(!isemail(s)){
   showinfo("eml",ma[1]);
   return false;
  }
  showinfo("eml");
  return true;
 }
 function showinfo(n,s){
  var fdo = $(n+"framediv");
  var ido = $(n+"infodiv");
  if(typeof s == 'undefined'){
   fdo.classname = "framedivpass";
   ido.innerhtml = "<img src=images/duihao.jpg>";
  }else{
   fdo.classname = "framedivwarn";
   ido.innerhtml = icon + s;
  }
 }
 //======================================================;
 function loadcheck(){
  if(trim($f('usrinput')).length == 0) return;
  $("checkbtn").disabled = true;
  var o = $("checkdiv");
  o.innerhtml = getloadinfo(); 
  loadajaxdata("reg.php",{usr:$f('usrinput')},successcheck,errorcheck);
  
 }
 function successcheck(v){
  var o = $("checkdiv");
  o.innerhtml = getcheckhtml(v.responsetext);
 }
 function errorcheck(){
  $("checkbtn").disabled = false;
  var o = $("checkdiv");
  o.innerhtml = geterrorinfo();
 }
 function getcheckhtml(s){
  s = (s == "1")? "恭喜您,用户名可以注册!":"对不起,该用户名已经被注册!";
  return s;
   }
 //======================================================;
 function getloadinfo(){
  return '正在加载数据...';
 }
 function geterrorinfo(){
  return '数据加载失败!';
 }
 //======================================================;
 function initpage(){
  for(var i=0;i<ns.length;i++){
   $(ns[i]+"input").value = "";
  }
 }
 function checksignup() {
if ( document.formsignup.reauthnum.value == '' ) {
window.alert('请输入认证码!!');
document.formsignup.reauthnum.focus();
return false;
}
return true;
}
function isallow_jewellry(){
        if(document.formsignup.agree.checked == false){
            document.formsignup.submit.disabled = true;
            }else if(document.formsignup.agree.checked == true){
            document.formsignup.submit.disabled = false;
            }
        }

</script>
</head>

<body class="statusbar" onload="initpage();">
<table width="100%" class="wn_login_01">
  <tr>
    <td></td>
  </tr>
</table>
<table width="100%">
  <tr>
    <td height="24"></td>
  </tr>
</table>
<table width="721" align="center">
  <tr>
    <td height="97" class="hyzc-4"></td>
  </tr>
</table>
<table width="721" align="center">
  <tr>
    <td height="22" class="hyzc-5"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="28"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td class="hyzc-8">请注册会员,只有会员才能发表贴子,游客可以回贴和使用快捷回复功能!</td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="25"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="420"><font class="hyzc-1-1">提示:</font><font class="hyzc-9">如果您已经注册了会员,请跳过此步骤,直接点这里</font></td>
    <td width="248"><form id="form1" name="form1" method="post" action="">
      <input type="image" name="imagefield" src="images/hyzc-3.jpg" />
    </form>
    </td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="18"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="30"></td>
    <td width="653" height="1" class="hyzc-1-2"></td>
    <td width="30"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="18"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<form id="form2" name="formsignup" method="post" action="" >
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="130"><font class="hyzc-1-1">填写登录名和密码</font>&nbsp;&nbsp;<font class="hyzc-6">*</font></td>
    <td width="85" align="right">登录名:</td>
    <td class="hyzc-1-5">
    <span class="framedivnormal" id="usrframediv">
    <input type="text" name="usrinput" id="usrinput" class="hyzc-1-3" onkeyup="checkusr(this.value);changeusr();" onfocus="checkusr(this.value);">&nbsp;&nbsp;<span id="usrinfodiv" class="hyzc-6"></span></span>
    </td>
    <td width="4" class="hyzc-7"></td>
  <tr><tr height=30><td class="hyzc-7"></td><td></td><td></td><td></td><td valign=bottom>&nbsp;&nbsp;<input name="checkbtn" type="button" id="checkbtn" onclick="loadcheck();" value="检测用户名是否可用">&nbsp;&nbsp;&nbsp;<span id="checkdiv"></span></td><td class="hyzc-7"></td></tr>
</table>
<table width="721" border="0" align="center"><tr><td width="4" class="hyzc-7"></td><td width="713" height="8"></td><td width="4" class="hyzc-7"></td></table>

<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="165"></td>
    <td width="10"><font class="hyzc-6">*</font></td>
    <td width="90" align="right">输入登录密码:&nbsp;</td>
    <td><span class="framedivnormal" id="pwdframediv"> <input name="pwdinput" type="password" id="pwdinput" maxlength="16" onkeyup="checkpwd(this.value);" onfocus="checkpwd(this.value);" class="hyzc-1-3">&nbsp;&nbsp;<span id="pwdinfodiv" class="hyzc-6"></span>
      </span>
      </td>
    <td width="4" class="hyzc-7"></td>
  </tr>     
  <tr height=30><td class="hyzc-7"></td><td></td><td></td><td></td><td><script language="javascript">
  var ps = new passwordstrength();
  ps.setsize("200","22");
 </script></td><td class="hyzc-7"></td></tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="5"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="165"></td>
    <td width="10"><font class="hyzc-6">*</font></td>
    <td width="90" align="right">再次输入密码:&nbsp;</td>
    <td >
    <span class="framedivnormal" id="repwdframediv"><input name="repwdinput" type="password" id="repwdinput" maxlength="16" onkeyup="checkpwd2(this.value);" onfocus="checkpwd2(this.value);" class="hyzc-1-3">&nbsp;&nbsp;
    <span id="repwdinfodiv" class="hyzc-6"></span>
    </span>
    </td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="5"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>

<table width="721" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="30"></td>
    <td width="653" height="1" class="hyzc-1-2"></td>
    <td width="30"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="20"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="120"><font class="hyzc-1-1">填写个人资料信息</font></td>
    <td width="10"><font class="hyzc-6">*</font></td>
    <td width="90" align="right">邮箱:&nbsp;</td>
    <td><span class="framedivnormal" id="emlframediv"><input name="emlinput" type="text" id="emlinput" onfocus="checkeml(this.value);" onkeyup="checkeml(this.value);" maxlength="40" class="hyzc-1-3">&nbsp;&nbsp;
    <span id="emlinfodiv" class="hyzc-6"></span>
    </span>
    </td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="5"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="120"></td>
    <td width="10"></td>
    <td width="85" align="right">性别:</td>
    <td width="175" class="hyzc-1-5"><input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
    男<input type="radio" name="radiobutton" value="radiobutton" />
    女</td>
    <td width="270"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="15"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="120"></td>
    <td width="10"></td>
    <td width="85" align="right">出生日期:</td>
    <td width="225" class="hyzc-1-5">
      <select name="select">
   <option value="1">1900</option>
   <option value="1">2009</option>
      </select>年
   <select name="select">
   <option value="1">01</option>
   <option value="1">02</option>
   <option value="1">03</option>
   <option value="1">04</option>
   <option value="1">05</option>
   <option value="1">06</option>
   <option value="1">07</option>
   <option value="1">08</option>
   <option value="1">09</option>
   <option value="1">10</option>
   <option value="1">11</option>
   <option value="1">12</option>
      </select>月
   <select name="select">
   <option value="1">01</option>
   <option value="2">02</option>
   <option value="3">03</option>
   <option value="4">04</option>
   <option value="5">05</option>
   <option value="6">06</option>
   <option value="7">07</option>
   <option value="8">08</option>
   <option value="9">09</option>
   <option value="10">10</option>
   <option value="11">11</option>
   <option value="12">12</option>
   <option value="13">13</option>
   <option value="14">14</option>
   <option value="15">15</option>
   <option value="16">16</option>
   <option value="17">17</option>
   <option value="18">18</option>
   <option value="19">19</option>
   <option value="20">20</option>
   <option value="21">21</option>
   <option value="22">22</option>
   <option value="23">23</option>
   <option value="24">24</option>
   <option value="25">25</option>
   <option value="26">26</option>
   <option value="27">27</option>
   <option value="28">28</option>
   <option value="29">29</option>
   <option value="30">30</option>
   <option value="31">31</option>
    </select>日    </td>
    <td width="220"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="15"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="120"></td>
    <td width="10"><font class="hyzc-6">*</font></td>
    <td width="85" align="right">验证码:</td>
    <td width="112" class="hyzc-1-5">
      <input type="text" name="reauthnum" class="hyzc-1-6" />    </td>
    <td width="74"><img src="images/authimg.png"></td>
    <td width="262"><a href="#" class="hyzc-3">看不清图片</a></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="20"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="30"></td>
    <td width="653" height="1" class="hyzc-1-2"></td>
    <td width="30"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="20"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="120"></td>
    <td width="15"><font class="hyzc-6">*</font></td>
    <td width="30"><input name="agree" type="checkbox" class="hyzc-1-7" value="1" checked="checked" onclick="isallow_jewellry()"/></td>
    <td width="503">我已经看过并同意<a href="#" class="hyzc-1-8">《人民在线论坛网络服务使用协议》</a></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="15"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="110"></td>
    <td width="558"><textarea name="textarea" class="hyzc-1-9" readonly="readonly">
</textarea></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="40"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="45"></td>
    <td width="240"></td>
    <td><input type="submit" name="submit" value="提交确认" tabindex="1" onclick='javascript:return checksignup()'></td>
    <td width="4" class="hyzc-7"></td>

  </tr>
</table>
<table width="721" border="0" align="center">
  <tr>
    <td width="4" class="hyzc-7"></td>
    <td width="713" height="40"></td>
    <td width="4" class="hyzc-7"></td>
  </tr>
</table>
<table width="721" align="center">
  <tr>
    <td class="wn_login_02_06"></td>
  </tr>
</table>
</form>
</body>
</html>

下面为js文件代码
<script language="javascript" >
//js/common.js
//引用js/css文件;
function include(path,type,title){
 var s,i,t;
 if(arguments.length < 1){
  return ;
 }
 if(arguments.length == 1){
  type = "js";
 }
 switch(type.tolowercase()){
  case "css":
    t = document.getelementsbytagname("link");
    for(i=0;i<t.length;i++){
     if(t[i].href && t[i].href.indexof(path)!=-1){
      return;
     }
    }
    s=document.createelement("link");
    s.rel="alternate stylesheet";
    s.type="text/css";
    s.href=path;
    s.title=title;
    s.disabled=false;
    break;
  case "js":
  case "javascript":
  default:
    t = document.getelementsbytagname("script");
    for(i=0;i<t.length;i++){
     if(t[i].src && t[i].src.indexof(path)!=-1){
      return;
     }
    }
    s=document.createelement("script");
    s.type="text/javascript";
    s.src=path;
   break;
 }
 var h=document.getelementsbytagname("head")[0];
 h.appendchild(s);
}
//字符处理;
//去左右空格;
function trim(s){
  return rtrim(ltrim(s));
}
//去左空格;
function ltrim(s){
  return s.replace( /^s*/, "");
}
//去右空格;
function rtrim(s){
  return s.replace( /s*$/, "");
}
//验证信息;
//空字符值;
function isempty(s){
 s = trim(s);
 return s.length == 0;
}
//email;
function isemail(s){
 s = trim(s);
  var p = /^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.){1,4}[a-z]{2,3}$/i;
  return p.test(s);
}
//数字;
function isnumber(s){
 return !isnan(s);
}
//颜色值;
function iscolor(s){
 s = trim(s);
 if (s.length !=7) return false;
 return s.search(/#[a-fa-f0-9]{6}/) != -1;
}
//手机号码;
function ismobile(s){
 s = trim(s);
 var p = /13d{9}/;
 return p.test(s);
}
//身份证;
function iscard(s){
 s = trim(s);
 var p = /^d{15}(d{2}[xx0-9])?$/;
 return p.test(s);
}
//url;
function isurl(s){
 s = trim(s).tolowercase();
 var p = /^http://[a-za-z0-9]+.[a-za-z0-9]+[/=?%-&_~`@[]':+!]*([^<>""])*$/;
 return p.test(s);
}
//phone;
function isphone(s){
 s = trim(s);
 var p = /^(((d{3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}$/;
 return p.test(s);
}
//zip;
function iszip(s){
 s = trim(s);
 var p = /^[1-9]d{5}$/;
 return p.test(s);
}
//double;
function isdouble(s){
 s = trim(s);
 var p = /^[-+]?d+(.d+)?$/;
 return p.test(s);
}
//integer;
function isinteger(s){
 s = trim(s);
 var p = /^[-+]?d+$/;
 return p.test(s);
}
//english;
function isenglish(s){
 s = trim(s);
 var p = /^[a-za-z]+$/;
 return p.test(s);
}
//中文;
function ischinese(s){
 s = trim(s);
 var p = /^[u0391-uffe5]+$/;
 return p.test(s);
}
//双字节
function isdoublechar(s){
 var p = /^[^x00-xff]+$/;
 return p.test(s);
}
//含有中文字符
function haschinesechar(s){
 var p = /[^x00-xff]/;
 return p.test(s);
}
function hasaccountchar(s){
 var p = /^[a-za-z0-9][a-za-z0-9_-]{0,15}$/;
 return p.test(s);
}
function limitlen(s,min,max){
 s=trim(s);
 if(s=="") return false;
 if((s.length<min)||(s.length>max))
  return false;
 else
  return true;
}
//功能;
//延时事件;
function setdeferevent(type,action,time){
 if (trim(time).length == 0) time = 1;
 if (typeof(time)!="number") time = 1;
 
 switch(type.tolowercase()){
  case "go":
   window.settimeout("window.location='"+ action +"'",time);
   break;
  case "alert":
   window.settimeout("alert('"+ action +"')",time);
   break;
  case "js":
  case "javascript":
   window.settimeout("'"+ action.tostring() +"'",time);
   break;
  default:
   alert("nothing will do!");
   break
 }  
}
function addloadlistener(handler){
 if (typeof window.addeventlistener != 'undefined')
  window.addeventlistener('load', handler, false);
 else if (typeof document.addeventlistener != 'undefined')
  document.addeventlistener('load', handler, false);
 else if (typeof window.attachevent != 'undefined')
  window.attachevent('onload', handler);
};
function addeventlistener(element, eventtype, handler, capture)
{
 try
 {
  if (element.addeventlistener)
   element.addeventlistener(eventtype, handler, capture);
  else if (element.attachevent)
   element.attachevent("on" + eventtype, handler);
 }
 catch (e) {}
};

function removeeventlistener(element, eventtype, handler, capture)
{
 try
 {
  if (element.removeeventlistener)
   element.removeeventlistener(eventtype, handler, capture);
  else if (element.detachevent)
   element.detachevent("on" + eventtype, handler);
 }
 catch (e) {}
};
//image;
function preloadimages(){
 var d = document;
 if(d.images){
  if(!d.p_i_a) d.p_i_a = new array();
  var i,j=d.p_i_a.length,a=arguments;
  for(i=0;i<a.length;i++){
   d.p_i_a[j]= new image();
   d.p_i_a[j++].src = a[i];
  }
 }
}
//ajax功能;
function loadajaxelement(e,u,p,f,l){
 if(arguments.length < 3){
  return ;
 }
 o = $(e);
 o.innerhtml = l;
 p = $h(p).toquerystring();
 new ajax.updater(     
                    {success: e},
                    u,
                    {method: 'get', parameters: p, onfailure: f});
}
function loadajaxdata(u,p,s,f){
 if(arguments.length < 3){
  return ;
 }
 p = $h(p).toquerystring();
 new ajax.request(     
                    u,
                    {method: 'get', parameters: p, onsuccess:s,onfailure: f});
}
function sendajaxelement(e,u,p,f,l){
 if(arguments.length < 3){
  return ;
 }
 o = $(e);
 o.innerhtml = l;
 p = $h(p).toquerystring();
 new ajax.updater(     
                    {success: e},
                    u,
                    {method: 'post', parameters: p, onfailure: f});
}
function sendajaxdata(u,p,s,f){
 if(arguments.length < 3){
  return ;
 }
 p = $h(p).toquerystring();
 new ajax.request(     
                    u,
                    {method: 'post', parameters: p, onsuccess:s,onfailure: f});
}
</script>

<script language="javascript" >
//js/prototype.js
/*
这个文章你可以到jquery官网去下载哦。或到
http://www.111cn.net/js/prototype.js 下载
*/
</script>
<script language="javascript" >
//js/passwordstrength.js
//密码强度;
function passwordstrength(showed){ 
 this.showed = (typeof(showed) == "boolean")?showed:true;
 this.styles = new array(); 
 this.styles[0] = {backgroundcolor:"#ebebeb",borderleft:"solid 1px #ffffff",borderright:"solid 1px #bebebe",borderbottom:"solid 1px #bebebe"}; 
 this.styles[1] = {backgroundcolor:"#ff4545",borderleft:"solid 1px #ffffff",borderright:"solid 1px #bb2b2b",borderbottom:"solid 1px #bb2b2b"};
 this.styles[2] = {backgroundcolor:"#ffd35e",borderleft:"solid 1px #ffffff",borderright:"solid 1px #e9ae10",borderbottom:"solid 1px #e9ae10"};
 this.styles[3] = {backgroundcolor:"#95eb81",borderleft:"solid 1px #ffffff",borderright:"solid 1px #3bbc1b",borderbottom:"solid 1px #3bbc1b"};
 
 this.labels= ["弱","中","强"];

 this.divname = "pwd_div_"+math.ceil(math.random()*100000);
 this.minlen = 6;
 
 this.width = "150px";
 this.height = "16px";
 
 this.content = "";
 
 this.selectedindex = 0;
 
 this.init(); 
}
passwordstrength.prototype.init = function(){
 var s = '<table cellpadding="0" id="'+this.divname+'_table" cellspacing="0" style="width:'+this.width+';height:'+this.height+';">';
 s += '<tr>';
 for(var i=0;i<3;i++){
  s += '<td id="'+this.divname+'_td_'+i+'" width="33%" align="center"><span style="font-size:1px">&nbsp;</span><span id="'+this.divname+'_label_'+i+'" style="display:none;font-family: courier new, courier, mono;font-size: 12px;color: #000000;">'+this.labels[i]+'</span></td>';
 } 
 s += '</tr>';
 s += '</table>';
 this.content = s;
 if(this.showed){
  document.write(s);
  this.copytostyle(this.selectedindex);
 } 
}
passwordstrength.prototype.copytoobject = function(o1,o2){
 for(var i in o1){
  o2[i] = o1[i];
 }
}
passwordstrength.prototype.copytostyle = function(id){
 this.selectedindex = id;
 for(var i=0;i<3;i++){
  if(i == id-1){
   this.$(this.divname+"_label_"+i).style.display = "inline";
  }else{
   this.$(this.divname+"_label_"+i).style.display = "none";
  }
 }
 for(var i=0;i<id;i++){
  this.copytoobject(this.styles[id],this.$(this.divname+"_td_"+i).style);   
 }
 for(;i<3;i++){
  this.copytoobject(this.styles[0],this.$(this.divname+"_td_"+i).style);
 }
}
passwordstrength.prototype.$ = function(s){
 return document.getelementbyid(s);
}
passwordstrength.prototype.setsize = function(w,h){
 this.width = w;
 this.height = h;
}
passwordstrength.prototype.setminlength = function(n){
 if(isnan(n)){
  return ;
 }
 n = number(n);
 if(n>1){
  this.minlength = n;
 }
}
passwordstrength.prototype.setstyles = function(){
 if(arguments.length == 0){
  return ;
 }
 for(var i=0;i<arguments.length && i < 4;i++){
  this.styles[i] = arguments[i];
 }
 this.copytostyle(this.selectedindex);
}
passwordstrength.prototype.write = function(s){
 if(this.showed){
  return ;
 }
 var n = (s == 'string') ? this.$(s) : s;
 if(typeof(n) != "object"){
  return ;
 }
 n.innerhtml = this.content;
 this.copytostyle(this.selectedindex);
}
passwordstrength.prototype.update = function(s){
 if(s.length < this.minlen){
  this.copytostyle(0);
  return;
 }
 var ls = -1;
 if (s.match(/[a-z]/ig)){
  ls++;
 }
 if (s.match(/[0-9]/ig)){
  ls++;
 }
  if (s.match(/(.[^a-z0-9])/ig)){
  ls++;
 }
 if (s.length < 6 && ls > 0){
  ls--;
 }
  switch(ls) {
   case 0:
    this.copytostyle(1);
    break;
   case 1:
    this.copytostyle(2);
    break;
   case 2:
    this.copytostyle(3);
    break;
   default:
    this.copytostyle(0);
  }
}
</script>

//reg.php
<?php

$a="wyjboy";
if($a == "$usr"){
echo 0;
}else{
echo 1;
}
?>

时间: 2024-09-23 04:15:11

会员注册验证代码(php+mysql+Ajax)的相关文章

php注册页面代码(mysql+php)

 include('global.php');  代码如下 复制代码  if($_post['sub']){   $user  = $_post['username'];   $pwd   = md5($_post['password1'].$user);   $email = $_post['email'];    $q = $mysql->query("insert into `hl`.`hl_member`(`id`,`username`,`password`,`email`)val

js用户名密码登陆注册验证代码[可验证密码强度]

注册流程:个人用户协议.填写个人帐号 -> 填写简历 -> 给企业提交简历 用户名称: * 4-20个英文字母.数字或下划线 用户密码: * 密码为6-20的英文字母.数字或下划线 确认密码: * 确认重复密码 电子邮件: * 请填写您最常用的E-MAIL 我已认真阅读并同意遵守个人用户服务协议 本文章由中国WEB第一站提供

【自然框架】开源社区活动,会员注册的第一份代码!

  前情回顾:   自然框架开源社区的第一次活动--实现会员注册     人员表设计思想 -- 也许会有点帮助     自然框架开发系列(一):自然框架 和 AgileEAS.NET 合作,开发b/s的药店系统!   漫长的期待,终于等来了第一份代码,这份代码由"好坏"提供.十分感谢对活动的支持!他工作也很忙,经常加班,昨天是他第一次不用加班,晚上写到凌晨3点多,10点起来又写到现在才写完.我也是刚刚收到这份代码,简单的看了一下.   项目是按照三层的方式来编写,分成了五个项目.  

php+ajax注册验证实例(完整代码)

html代码  代码如下 复制代码 <script src="ajax.js"></script> <form> <table> <tr>   <td>用户名:</td>   <td><input type="text" id="txt1" onKeyUp="showHint(this.value)"></td&g

利用ajax实现简单的注册验证局部刷新实例_AJAX相关

1,ajax(asynchronouse javascript and xml)异步的 javascrip 和xml 2,(包含了7种技术:javascript xml xstl dom xhtml css xmlhttpRequest) 3,是一种与服务器语言无关的技术,可以用在(php/jsp/asp.net) 4,ajax的工作原理: 创建一个ajax引擎->发送数据给服务器-->通过回调函数接收数据--->将数据赋给指定的页面 下面是注册验证案例register.php是注册页面

ajax 注册验证

ajax 注册验证,今天这个文章有一点怪了,就是验证url 是否能被正常访问哦, <tr>     <td height="34" align="center">博客地址:</td>     <td height="25" align="center"><span class="STYLE1">*</span></td>  

PHP图形验证码生成代码与包括Ajax验证实例应用

php教程图形验证码生成代码与包括ajax验证实例应用 以前写的验证码程序都是提供了源代码,但是没真的实的图形验证码生成到验证实例,这次我们一个完整的php 验证实例产生了. 有3个文件: authcode.php-----验证码的生成php文件 authcode.html-----前台显示页面 dealauthcode.php-----ajax提交到的后台处理判断验证码是否正确的处理页面 */ ?> 前台调用验证码代码 <!doctype html public "-//w3c//

ajax 密码强度验证代码

ajax 密码强度验证代码 <script type="text/javascript" src="jquery.js"></script> <SCRIPT type=text/javascript  src="jquery.pstrength-min.1.2.js"></SCRIPT> <SCRIPT type=text/javascript> $(function() { $('.p

php +mysql用户登陆身份验证代码

这是一个简单的用户登陆验证代码哦,比较适合于php教程初学者入门哦, 我们来看看html代码 <form action=111cnNet.php > <input type=text name=username> <input type=text name=password> <input type=submit name=password value='提交'> </form> <?php $uname=$_POST["user