JavaScript记住密码

js中如何记住密码：

代码：

<input class="text-input" type="text" id="username" value="" />

<input class="text-input" type="password" id="password" value="" />

<input id="remember" type="checkbox"/>记住密码

验证通过：

                        try {
                            if ($('#remember').is(':checked')) {
                               
                                setCookie('nameUser', $('#username').val()
                                        .trim(), 7);
                                setCookie('passUser', $('#password').val()
                                        .trim(), 7);
                            }else{
                              delCookie('nameUser');
                              delCookie('passUser');
                            }
                        } catch (err) {
                            console.log(err.name);
                            console.log(err.message);

                        }

 

其他：

 

window.onload = function(){
    
    var oUser = document.getElementById('username');
    var oPswd = document.getElementById('password');
   
    var oRemember = document.getElementById('remember');
    //页面初始化时，如果帐号密码cookie存在则填充
    var tmpName=getCookie('nameUser');
    var tmpPwd=getCookie('passUser');
    if(tmpName && tmpPwd){
      //alert("oUser="+tmpName+" oPswd="+tmpPwd);
      if(tmpName!='null'&&tmpPwd!='null'){
          oUser.value = tmpName;
          oPswd.value = tmpPwd;
          oRemember.checked = true;
      }
    }
    
  };   

//设置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);
  };

 

也可参考网址：http://www.jb51.net/article/109197.htm