登录注册

html：

<div class = "login">
<a href="javascript:void(0);" onclick="alertDiv()">登录</a>&nbsp;|&nbsp;<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("重置密码成功！");
                            }
                
                });
    });