Cookie实现记住密码功能

 

 

前端代码

<div class="custom-control custom-checkbox " style="float: right;">
   <input type="checkbox" class="custom-control-input" name="remFlag" id="remFlag" onclick="remember();" >
   <label class="custom-control-label" for="remFlag">记住密码&nbsp;&nbsp;</label>
</div>

前端JS

    <script language="javascript">
        window.onload = function(){ rememberPass();}

        function rememberPass() {
            var str = getCookie("loginInfo");
            str = str.substring(0,str.length);
            var username = str.split("+")[0];
            var password = str.split("+")[1];

            //自动填充用户名和密码
            $("#login-username").val(username);
            $("#login-password").val(password);
        };

        //获取cookie
        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1);
                if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
            }
            return "";
        }

        //记住密码功能
        function remember(){
            var remFlag = $("input[type='checkbox']").is(':checked');
            if(remFlag==true){ //如果选中设置remFlag为1
                //cookie存用户名和密码,回显的是真实的用户名和密码,存在安全问题.
                var conFlag = confirm("记录密码功能不宜在公共场所(如网吧等)使用,以防密码泄露.您确定要使用此功能吗?");
                if(conFlag){ //确认标志
                    $("#remFlag").val("1");
                }else{
                    $("input[type='checkbox']").removeAttr('checked');
                    $("#remFlag").val("");
                }
            }else{ //如果没选中设置remFlag为""
                $("#remFlag").val("");
            }
        }
    </script>

后端代码

            String nameCookie = userName; //用户名
            String passCookie = passWord;//密码
            //记住用户名、密码功能(注意：cookie存放密码会存在安全隐患)
            String remFlag = req.getParameter("remFlag");
            if ("1".equals(remFlag)) { //"1"表示用户勾选记住密码
                System.out.println("remFlag="+remFlag);
                String loginInfo = nameCookie + "+" + passCookie;
                Cookie userCookie = new Cookie("loginInfo", loginInfo);
                userCookie.setMaxAge(30*24*60*60);   //存活期为一个月 30*24*60*60
                userCookie.setPath("/");
                resp.addCookie(userCookie);
            }