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

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

<html>
<head>
< >test cookie</ >
<  src=\" s/jquery-1.4.1.min.js\" type=\"text/ \"></ >
<  src=\" s/jquery.cookie.js\" type=\"text/ \"></ >
<  type=\"text/ \">
 
  $(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 });
    }
  };
</ >
</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=\"登录\"  =\"Save()\"/>
  </div>
</body>
</html>
收藏 打印