Fork me on GitHub

利用jquery实现自动登录

前提是需要引入jquery和jquery.cookie

html

用户名:<input type="text" id="name"/><br />
    密码:<input type="text" id="password"/><br />
    <input type="checkbox" id="clickuser"/>记住用户名和密码<br />
    <input type="submit" id="sub" value="登录" />

js

$(document).ready(function () {
    if ($.cookie("onclickuser") == "true") {
    $("#onclickuser").attr("checked", true);
    $("#name").val($.cookie("username"));
    $("#password").val($.cookie("password"));
    }
  });
 
  //记住用户名密码
$("#sub").click(function(){
    Save();
});
  function Save() {
    if ($("#clickuser").attr("checked")) {
      var name = $("#name").val();
      var pwd = $("#password").val();
      $.cookie("clickuser", "true", { expires: 7 }); //存储一个带7天期限的cookie
      $.cookie("username", name, { expires: 7 });
      $.cookie("password", pwd, { expires: 7 });
    }
    else {
      $.cookie("clickuser", "false", { expire: -1 });//过期
      $.cookie("username", "", { expires: -1 });
      $.cookie("password", "", { expires: -1 });
    }
  };

 

posted @ 2016-10-19 11:11  zhang_yx  阅读(1067)  评论(0编辑  收藏  举报