[教程+分享]具有良好体验度的Web注册系统

;/ul>
</body>
</html>

2.数据合法性检测detect.js
复制代码 代码如下:
var flag=[0,0,0,0,0,0];
var $=function(tagName){
return document.getElementsByTagName(tagName);
}
//----------接受协议
function accept_info(){
flag[0]=1;
check_data();
}
//----------拒绝协议
function refuse_info(){
flag[0]=0;
check_data();
}
//----------重置
function reset_info(){
var info=["支持汉字,单词,数字,敏感字符屏蔽","密码在6-16位之间,敏感字符屏蔽","","email是联系重要手段","看不清楚?请点击验证码刷新"]
for(var i=0;i<$("span").length;i++){
$("span").innerHTML=info;
flag=0;
}
for(var i=0;i<$("input").length-3;i++){
$("input").value="";
}
check_data();
}
//----------邮箱检测
function check_email(email){
var reEmail=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
var b_email=reEmail.test(email);
if(b_email){
$("span").innerHTML="<img src=''/uploadfile/201306/16/B4202119504.gif''/> 邮箱可用";
flag=1;
check_data();
}
else{
$("span").innerHTML="<img src=''/uploadfile/201306/16/81202118688.gif''/> 邮箱错误";
flag=0;
check_data();
}
}
//----------密码检测
function check_password(obj){
var pwd=$("input").value;
var reChinese=/[\u0391-\uFFE5]+/;
var b_chinese=reChinese.test(pwd);
var reSpace=/\s+/;
var b_space=reSpace.test(pwd);
//-------长度测试
if(pwd.length<6){
$("span").innerHTML="<img src=''/uploadfile/201306/16/81202118688.gif''/> 密码长度不能小于6";
flag=0;
check_data();
}
//-------合法性检测:不能包含汉字
else if(b_chinese){
$("span").innerHTML="<img src=''/uploadfile/201306/16/81202118688.gif''/> 密码不能包含中文";
flag=0;
check_data();
}
//-------合法性检测:不能包含空格
else if(b_space){
$("span").innerHTML="<img src=''/uploadfile/201306/16/81202118688.gif''/> 密码不能包含空格";
flag=0;
check_data();
}
//-------合法时显示密码强度
else{
//定义对应的消息提示
var num=getResult(pwd);
var msg=new Array("<img src=''/uploadfile/201306/16/42202118872.gif''/> 密码强度差","<img src=''/uploadfile/201306/16/DA202118517.gif''/> 密码强度一般","<img src=''/uploadfile/201306/16/25202119144.gif''/> 密码强度强壮");
$("span").innerHTML=msg[num];
if($("input").value!=""){
check_pw();
}
return flag=1;
check_data();
}
}
//定义检测函数,返回0/1/2分别代表差/一般/强
function getResult(s){
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++;
}
return ls;
}
//---------密码一致性检测
function check_pw(){
var pwd=$("input").value.toString();
var check_pwd=$("input").value.toString();
if(flag==1){
if(pwd==check_pwd){
$("span").innerHTML="<img src=''/uploadfile/201306/16/B4202119504.gif''/> 密码可以使用";
flag=1;
check_data();
}