js实现记住登录密码

HTMl代码

 <div class="sele-not">不记住</div>
 <div class="sele-yes" style="display: none;">记住密码</div>

js代码

        //是否记住密码
        $(".sele-not").on('click', function () {
            $(".sele-not").css('display', 'none');
            $(".sele-yes").css('display', 'block');
            saveUserInfo();
        });
        $(".sele-yes").on('click', function () {
            $(".sele-not").css('display', 'block')
            $(".sele-yes").css('display', 'none')
            saveUserInfo();
        });

     //初始化页面时验证是否记住了密码
        window.onload = function () {
        if (getCookie("remember") == "true") {
            $(".sele-not").css('display', 'none');
            $(".sele-yes").css('display', 'block');
            $("#username").val(getCookie("loginname"));
            $("#usersecret").val(getCookie("passwd"));
        }
    };
    function saveUserInfo() {
        // if ($("#remember").attr("checked") == "checked") {
        if ($(".select").find('.sele-not').css("display")=='none') {
            console.log(132)
            var loginname = $("#username").val();
            var passwd = $("#usersecret").val();
            setCookie("remember", "true", 30 ); // 存储一个带30天期限的 cookie    
            setCookie("loginname", loginname, 30 ); // 存储一个带30天期限的 cookie
            setCookie("passwd", passwd, 30 ); // 存储一个带30天期限的 cookie
              localStorage.setItem("loacl",loginname); //存入 参数: 1.调用的值 2.所要存入的数据 
        }
        else {
            console.log(798);
            setCookie("remember", "false",  -1 );        // 删除 cookie
            setCookie("loginname", '',  -1 );
            setCookie("passwd", '',  -1 );
        }
    }
      //设置cookie
        function setCookie(name, value, day) {
            var date = new Date();
            date.setDate(date.getDate() + day);
            document.cookie = name + '=' + value + ';expires=' + date;
        };
        //获取cookie
        function getCookie(name) {
            var reg = RegExp(name + '=([^;]+)');
            var arr = document.cookie.match(reg);
            if (arr) {
                return arr[1];
            } else {
                return '';
            }
        };
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值