系统登录时勾选框自动记住密码
//勾选框
<div style="float: right; padding-right: 10%;"> <div style="float: left; margin-top: 3px; margin-right: 2px;"> <font color="white">记住密码</font> </div> <div style="float: left;"> <input id="saveid" type="checkbox" onclick="savePaw();" style="padding-top: 0px;" /> </div> </div>
//如果未勾选,则将cookie中的值设置为失效 function savePaw() { if (!$("#saveid").is(":checked")) { $.cookie('loginname', '', { expires : -1 }); $.cookie('password', '', { expires : -1 }); } }
//登录成功后保存cookie function saveCookie() { if ($("#saveid").is(":checked")) { $.cookie('loginname', $("#loginname").val(), { expires : 7 //cookie有效期为7天,如果设置一个之前的时间点(-1),则此cookie立即失效 }); $.cookie('password', $("#password").val(), { expires : 7 }); } }
//当再次进入登录页面,检查cookie中是否有登录名密码,有则将值赋值给输入框,并勾选记住密码 jQuery(function() { var loginname = $.cookie('loginname'); var password = $.cookie('password'); if (typeof(loginname) != "undefined" && typeof(password) != "undefined") { $("#loginname").val(loginname); $("#password").val(password); $("#saveid").attr("checked", true); $("#code").focus(); } });