前端注册登录页，已注册的用户是h@abc.com,其它都是没注册的。
预览图
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>登陆注册</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<style type="text/css">*{margin:0;padding:0;}.inputbox{width:300px; height:30px;color:red;}.pws{width:66px;height:10px;float:left;}
#main {background-image: url(img/bgimg.jpg);width: 1380px;height: 700px;background-repeat: no-repeat;background-position: center center;}
#reg {width: 380px;height: 600px; float:left;margin-left:10px;margin-top:50px;position:relative;opacity:0.5;}#g{color:white;}
#title{color:white;font-family:"方正喵呜体";font-size:42px;line-height:50px;font-weight:bold;}#pws{margin-left:50px;}
#pws1{background-color:black;}#pws2{ background-color:red;}#pws3{ background-color:yellow;}#pws4{ background-color:green;}
#cb{width:30px; height:30px; background-color:white;display:inherit;}#button:hover{background-color:red;}#button{width:250px; height:30px;
background-color:blue;color:white; font-size:24px;}#floatpic {background-image: url(img/p1.png);width: 500px;height: 480px;background-repeat: no-repeat;
float:right;margin-left:0px;margin-top:50px;opacity:0.4;position:relative;}</style>
<script type="text/javascript">function d(d){return document.getElementById(d);}
function n(n){return document.getElementById(n).style.display="none"}
window.onload=function(){
n("f");n("g");n("pws1");n("pws2");n("pws3");n("pws4");
d("cb").onclick=function(){d("cb").style.backgroundColor="green";
d("button").style.display="block";}
var inputnum=document.getElementsByTagName("input").length;
for(var i=0;i<inputnum;i++){
document.getElementsByTagName("input").item(i).onclick=function(){this.value="";}}}
$(document).ready(function(){$("#reg").animate({left:'250px'},2000);
$("#reg").animate({top:'100px'},1000);$("#floatpic").animate({right:'150px'},1000);});
function check(){
var e=d("e").value;var p=d("p").value;var p2=d("p2").value;var tel=d("tel").value;
if(p2==""){alert("密码为空！");return false;}
if(e=="h@abc.com"&&p=="【输入密码】"){
d("f").style.display="inherit";d("title").innerHTML="已注册,输入密码";d("e").value="[邮箱已经注册，请输入密码登陆]";
d("e").style.backgroundColor="green";d("e").disabled=true;
}else if(e=="[邮箱已经注册，请输入密码登陆]"&&p=="abc"){window.location.href="index2.html?id=h@abc.com";
}else if(e=="[邮箱已经注册，请输入密码登陆]"&&p!="abc"){alert("错误的密码！");window.location.href="index.html";
}else if(e==""){alert("邮件为空！");
}else if(e!=""&&p2!=""&&tel!="【此处输入手机号】"&&tel!=""&&p2!=""){window.location.href="index2.html?id="+e;
}else if(p2!="【此处输入密码】"&&tel=="【此处输入手机号】"){alert("手机号为空");
}else{n("button");d("g").style.display="inherit";d("title").innerHTML="新用户,请注册";d("e").disabled=true;
d("e").style.backgroundColor="yello";d("e").disabled=true;}}
function CheckMail() {var mail=d("e").value;var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (filter.test(mail)&&d("e")!="") return true;
else {alert('您的电子邮件格式不正确'); d("e").value="";return false;}}
function CheckTel() {var tel=d("tel").value;var reg = /^0?1[3|4|5|8][0-9]\d{8}$/;
if (reg.test(tel)) {}else{alert("手机号码格式错误");d("tel").value="";};}
$(document).ready(function(){$("#p2").keyup(function(){var num=$("#p2").val().length;
if(num>=0&&num<=2){$("#pws1").attr('style','display: block');}
else if(num>=3&&num<=5){$("#pws2").attr('style','display: block');}
else if(num>=6&&num<=8){$("#pws3").attr('style','display: block');}
else{$("#pws4").attr('style','display: block');}})});</script></head>
<body><center><div id="main">
<div id="reg"><div id="title">请输入邮箱</div>
<div id="email"><br/><form>
<input id="e" type="text" class="inputbox"value="【输入邮箱】" onBlur="CheckMail()"></input><br/><br/>
<div id="f"><input id="p" type="password" class="inputbox"value="【输入密码】"></input><br/><br/></div>
<div id="g"><input id="p2" type="password" class="inputbox" value="【此处输入密码】" ></input>
<div id="pws"><div id="pws1" class="pws"></div><div id="pws2" class="pws"></div>
<div id="pws3" class="pws"></div><div id="pws4" class="pws"></div></div><br/><br/>
<input id="tel" type="text" class="inputbox" onBlur="CheckTel()" value="【此处输入手机号】"></input><br/><br/>
<div id="cb" onClick="look()"></div>我已阅读用户守则<br/><br/></div>
<div id="button" onClick="check()">确定</div></form></div></div>
<div id="floatpic"></div></div></center></body></html>
wo 2016/01/01 14:50
Happy New Year.
admin 博主 2016/01/01 23:32
@ Thanks
CDog 2016/02/22 15:49
注册成功那页最好再加个decodeURIComponent()哦，不然中文会有乱码~
admin 博主 2016/02/25 17:06
@ 谢谢建议 虽然交了好久了 下次注意233
匿名 2016/04/28 20:04
@ 33
sikis izle 2016/05/03 16:15
el blog Superbe, qui transpire la pasión à l'pur de Estado ...
admin 博主 2016/05/03 21:20
@ Merci
sikis izle 2016/05/08 12:02
Superbe blog, qui transpire la passion à l'état pur ...
admin 博主 2016/05/09 22:05
@ Merci