系统登录时勾选框自动记住密码

//勾选框
<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();
	}
});

  

posted @ 2018-05-22 11:13  蓝色土耳其  阅读(1395)  评论(1编辑  收藏  举报