前端注册登录页,已注册的用户是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