jq cookie 登录后记住账号密码一周

最新推荐文章于 2026-04-16 02:56:09 发布

原创最新推荐文章于 2026-04-16 02:56:09 发布 · 161 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一个使用Cookie实现的一周内记住密码的功能。通过设置Cookie来保存用户的登录信息，并在下次访问时自动填充这些信息。

现在基本上很少使用cookie了吧很多浏览器都会有记住密码功能

<div class=" ipt">
	<input 
		type="text" 
		id="txt_username" 
		placeholder="请输入账号" 
	>
</div>
<div class="ipt">
	<input 
		type="password" 
		id="txt_password" 
		placeholder="请输入密码" 
	>
</div>
<label class="fl"><input type="checkbox" id="ck_rmbUser">一周内记住密码</label>

cookie(){
  if ($.cookie("rmbUser") == "true") {
    this.zhanghao = $.cookie("username");
    this.password = $.cookie("password");
    $("#ck_rmbUser").attr("checked",true);
  }
},
save(){
  if ($("#ck_rmbUser").prop("checked")) { // 记住信息7天
    var str_username = $("#txt_username").val();
    var str_password = $("#txt_password").val();
    $.cookie("rmbUser", "true", { expires: 7 }); 
    $.cookie("username", str_username, { expires: 7 });
    $.cookie("password",str_password, { expires: 7 });
  }else {
    if($.cookie("rmbUser") == false){ // 清除
      $.cookie("rmbUser", "false", { expire: -1 });
      $.cookie("username", "", { expires: -1 });
      $.cookie("password", "", { expires: -1 });
    }else{
      $.cookie("rmbUser", false);
      $.cookie("password", null);
    }
  }
}