本文实例讲述了jQuery实现的记住帐号密码功能。分享给大家供大家参考,具体如下:
记住密码是每个有帐号登录的网站必备的,现在说一下通过COOKIE实现的记住密码功能。
COOKIE
//读取cookie
var user = $.cookie('uu');
var pwd = $.cookie('pp');
$(document).ready(function(){
// 判断是否存在cookie
if (user) {
$("input:text").val(user);
$("input:password").val(pwd);
$("#che").html("");
}
});
// 选中记住密码
function check(){
$("#che").html("");
// 设置为选中状态
document.getElementById("check1").checked=true;
// 创建一个cookie并设置有效时间为 7天
$.cookie('uu', $("input:text").val(), { expires: 7 });
$.cookie('pp', $("input:password").val(), { expires: 7 });
}
// 取消记住密码
function uncheck(){
$("#che").html("");
// 设置为取消状态
document.getElementById("check1").checked=false;
// 删除cookie
$.cookie('uu','');
$.cookie('pp','');
}
记住密码:
只要在表单输入帐号密码,再勾选记住密码,那么你的帐号密码就已经被存入到cookie了,有效期7天。然后你刷新页面,发现帐号密码还在表单中,不会被清空。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:/code/HtmlJsRun测试上述代码运行效果。
希望本文所述对大家jQuery程序设计有所帮助。