JQuery记住用户名密码实现下次自动登录功能

2019-11-20 12:36:06

字体：大中小

来源：转载

供稿：网友

Jquery将用户名密码存储到cookie中

需要导入jquery.js和jquery.cookie.js

<html><head><title>test cookie</title><script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script><script src="Scripts/jquery.cookie.js" type="text/javascript"></script><script type="text/javascript">  $(document).ready(function () {    if ($.cookie("rmbUser") == "true") {    $("#ck_rmbUser").attr("checked", true);    $("#txt_username").val($.cookie("username"));    $("#txt_password").val($.cookie("password"));    }  });  //记住用户名密码  function Save() {    if ($("#ck_rmbUser").attr("checked")) {      var str_username = $("#txt_username").val();      var str_password = $("#txt_password").val();      $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie      $.cookie("username", str_username, { expires: 7 });      $.cookie("password", str_password, { expires: 7 });    }    else {      $.cookie("rmbUser", "false", { expire: -1 });      $.cookie("username", "", { expires: -1 });      $.cookie("password", "", { expires: -1 });    }  };</script></head><body>  <div>    用户名：<input type="text" id="txt_username"/><br />    密码：<input type="text" id="txt_password"/><br />    <input type="checkbox" id="ck_rmbUser"/>记住用户名和密码<br />    <input type="submit" id="sub" value="登录" onclick="Save()"/>  </div></body></html>

上一篇：javascript实现俄罗斯方块游戏的思路和方法

下一篇：JavaScript使用cookie实现记住账号密码功能