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>

 

转载于:https://www.cnblogs.com/TigerZhang-home/p/7284668.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值