一、在你需要使用的界面导入jquery.cookie.js(改js包在文章尾部提供给大家)
<script type="text/javascript" src="(根据你的路径来定)/jquery.cookie.js"></script>
二、在页面初始化时验证是否记住了用户名和密码
$(document).ready(function() {
if($.cookie("rememberUser") == "true") { //"rememberUser"是记住密码选择框的id名
$("#rememberUser").attr("checked", true);
$("#username").val($.cookie("username"));
$("#password").val($.cookie("password"));
}
});
三、在登录成功后调用一下方法记住用户名和密码
function saveUserInfo() { <span style="font-family: Arial, Helvetica, sans-serif;">//保存用户信息 </span>
if ($("#rememberUser").attr("checked") == true) {
var username = $("#username").val();
var password = $("#password").val();
$.cookie("rememberUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("username", username, { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie("password", password, { expires: 7 }); // 存储一个带7天期限的 cookie
}
else {
$.cookie("rememberUser", "false", { expires: -1 });
$.cookie("username", '', { expires: -1 });
$.cookie("password", '', { expires: -1 });
}
}