基于jquery的记住密码功能

1.下载jquery.cookie.js和jquery.js并引用

<script src="script/jquery.js" type="text/javascript" charset="utf-8"></script>

<script src="script/Common/jquery.cookie.js"></script>

2.用户点击登陆，并判断登陆成功后，将密码保存到cookie中

if($("#savePwd").get(0).checked){
                        var str_username = $("#TxtUsername").val();
                        var str_password = $("#TxtPassword").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 });
                    }

$("#savePwd")为记住密码的复选框

2.再次回到登录页后，页面加载完毕后做判断，文本框数据回填

$(document).ready(function () {
    debugger;
    if ($.cookie("rmbUser") == "true") {
        $("#savePwd").attr("checked", true);
        $("#TxtUsername").val($.cookie("username"));
        $("#TxtPassword").val($.cookie("password"));
    }
});