利用浏览器存储做登录时选择记住密码并设置有效时间

一、首先我们知道浏览器的存储分别有localStorage（需要手动清除）、sessionStorage（页面已关闭自动清除）、只有cookie可以设置有效时间超过日期自动清除

（1）先封装设置、存储和删除cookie的方法

//设置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 '';
    }
};
//删除cookie
function delCookie(name){
    setCookie(name,null,-1);
};

(2)在判断用户是否勾选记住密码

/*账号登录 选择是否记住密码*/
window.onload = function(){
    //页面初始化时，如果帐号密码cookie存在则填充
    if(getCookie('user') && getCookie('pswd')){
        $('#account').val(getCookie('user'));
        $('#password').val(getCookie('pswd'));
        $('#remember').attr("checked","checked");
    }
    /*勾选记住密码时触发的函数*/
    $('#remember').on('click',function(){
        // 如果没勾选记住密码则清空cookie
            if (!$("#remember").is(":checked")){
                delCookie('user');
                delCookie('pswd');
            }
    });
};

（3）在登录点击提交时判断时候勾选记住密码并存储账号密码和设置有效时间

if($("#remember").is(":checked")){
       setCookie('user',account,7); //保存帐号到cookie，有效期7天
       setCookie('pswd',password,7); //保存密码到cookie，有效期7天
  }