javascript学习指南_JavaScript登录记住密码操作(超简单代码)

更新时间:2021-08-02    来源:php常用代码    手机版     字体:

【www.bbyears.com--php常用代码】

 代码如下

记住密码

  

  word"placeholder="密码">

  

  

<script>

  window.onload =function(){

    varoForm = document.getElementById('loginForm');

    varoUser = document.getElementById('user');

    varoPswd = document.getElementById('pswd');

    varoRemember = document.getElementById('remember');

    //页面初始化时,如果帐号密码cookie存在则填充

    if(getCookie('user') && getCookie('pswd')){

      oUser.value = getCookie('user');

      oPswd.value = getCookie('pswd');

      oRemember.checked =true;

    }

    //复选框勾选状态发生改变时,如果未勾选则清除cookie

    oRemember.onchange =function(){

      if(!this.checked){

        delCookie('user');

        delCookie('pswd');

      }

    };

    //表单提交事件触发时,如果复选框是勾选状态则保存cookie

    oForm.onsubmit =function(){

      if(remember.checked){

        setCookie('user',oUser.value,7);//保存帐号到cookie,有效期7天

        setCookie('pswd',oPswd.value,7);//保存密码到cookie,有效期7天

      }

    };

  };

  //设置cookie

  functionsetCookie(name,value,day){

    vardate =newDate();

    date.setDate(date.getDate() + day);

    document.cookie = name +'='+ value +';expires='+ date;

  };

  //获取cookie

  functiongetCookie(name){

    varreg = RegExp(name+'=([^;]+)');

    vararr = document.cookie.match(reg);

    if(arr){

      returnarr[1];

    }else{

      return'';

    }

  };

  //删除cookie

  functiondelCookie(name){

    setCookie(name,null,-1);

  };

</script>


本文来源:http://www.bbyears.com/jiaocheng/133548.html