sessionStorage或localStorage实现注册登录demo

利用sessionStorage或localStorage的本地存储实现登录注册的功能

//注册页面的js,获取注册时的用户名和密码,并进行本地存储
 <script>
        $(function(){
            $("#btn_part1").click(function(){
                var phone = $("#phone").val();
                var password=$("#password").val();
                window.sessionStorage.setItem("phone",phone);
                window.sessionStorage.setItem("password",password);
            })
        });
    </script>
//登录页面的js,获取到注册的账号,密码。将登录时输入的账号密码和注册时的账号密码对比
      <script>
        $(function(){
            $("#btn_part1").click(function(){
                var name =window.sessionStorage.getItem("phone");
                var pass =window.sessionStorage.getItem("password");
            
                var signName=$("#phone").val();
                var signPassword=$("#password").val();
            
                if(name==signName&&pass==signPassword){
                    alert("您已成功登陆");
                }else if(name==signName&&pass!==signPassword){
                    alert("您的密码有误");
                }else if(name!==signName&&pass==signPassword){
                    alert("您的用户名有误");
                }else{
                    alert("您的用户名密码都有误");
                }    
            })
        });
    </script>

 

posted @ 2017-08-04 13:48  TigerZhang  阅读(1682)  评论(1编辑  收藏  举报