登录注册
html:
<div class = "login"> <a href="javascript:void(0);" onclick="alertDiv()">登录</a> | <a href="javascript:void(0);" onclick="rigest()">注册</a> </div>
css:
.login{ float:right; height:40px; width:110px; border: #CCC solid 1px; vertical-align::middle; text-align:center; margin-top:30px; } .login a{ line-height:40px; color:#666; }
JS:
<!-- 账号登录 --> $(".loginBt").click(function(){ var username = $(".userName").val(); var password = $(".passWord").val(); console.log(username+"-----"+password); if(username == "" || password == ""){ alert("用户名密码不能为空~"); } else if(username != "小樱" || password != "loveying"){ alert("用户名或密码错误~"); }else{ $(".userName").val(""); $(".passWord").val(""); $("#loginmodal").hide(); $("#fade").hide(); $(".login").css("border","none"); $(".login").css("width","150px"); $(".login").html("<p>欢迎您:</p>"+"<span style='color:#F90; font-size:16px;'>"+username+"</span>"); } }); <!-- 验证码登录 --> $(".messageLoginBt").click(function(){ var phone = $(".phone").val(); var verifycode = $(".verifycode").val(); console.log(phone+"-----"+verifycode); if(phone == "" || verifycode == ""){ alert("手机号,验证码不能为空~"); } else if(phone != "17621392837" || verifycode != "loveying"){ alert("验证码错误~"); }else{ $(".phone").val(""); $(".verifycode").val(""); $(".messageLogin").hide(); $("#fade").hide(); $(".login").css("border","none"); $(".login").css("width","150px"); $(".login").html("<p>欢迎您:</p>"+"<span style='color:#F90; font-size:16px;'>"+phone+"</span>"); } }); <!-- 注册 --> $(".regestBt").click(function(){ var phone = $(".phone").val(); var verifycode = $(".verifycode").val(); console.log(phone+"-----"+verifycode); if(phone == "" || verifycode == ""){ alert("手机号,验证码不能为空~"); } else if(phone != "17621392837" || verifycode != "loveying"){ alert("验证码错误~"); }else{ $(this).parent().css("display","none"); $("#fade").hide(); alert("注册成功!"); } }); <!-- 忘记密码 --> $(".resetBt").click(function(){ var username = $(".userNameRegest").val(); var verifycode = $(".verifycode1").val(); var password1 = $(".passWord1Regest").val(); var password2 = $(".passWord2Regest").val(); console.log(username+"-----"+verifycode+"---"+password1+"---"+password2); if(username == "" || verifycode== "" || password1 == ""|| password2 == ""){ alert("所填项不能为空~"); } else if(verifycode != "loveying" ){ alert("验证码错误"); } else if(password1 != password2 ){ alert("两次密码不一致,请重新输入~"); }else if(password1.length<6){ alert("密码需6或6位以上~"); }else{ $(".forgetPassWord").hide(); $("#fade").hide(); alert("重置密码成功!"); } }); });