jquery.cookie.js操作cookie实现记住密码功能

gdhsfghfgh

于 2012-06-07 14:04:53 发布

阅读量99

点赞数

分类专栏： javascript 文章标签： cookie js function user document ViewUI

本文链接：https://blog.youkuaiyun.com/gdhsfghfgh/article/details/84230309

版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个网站登录功能中“记住密码”选项的具体实现方法。通过使用jQuery和cookie插件，可以实现在用户选择记住密码后自动填充用户名和密码的功能，并且能够根据用户的设置在一段时间后清除这些信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//初始化页面时验证是否记住了密码

$(document).ready(function() { 
if ($.cookie("rmbUser") == "true") { 
$("#rmbUser").attr("checked", true); 
$("#user").val($.cookie("userName")); 
$("#pass").val($.cookie("passWord")); 
} 
});

//保存用户信息

function saveUserInfo() { 
if ($("#rmbUser").attr("checked") == true) { 
var userName = $("#user").val(); 
var passWord = $("#pass").val(); 
$.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie 
} 
else { 
$.cookie("rmbUser", "false", { expires: -1 }); 
$.cookie("userName", '', { expires: -1 }); 
$.cookie("passWord", '', { expires: -1 }); 
} 
}

最重要的几行代码：

$.cookie('the_cookie'); // 读取 cookie 
$.cookie('the_cookie', 'the_value'); // 存储 cookie 
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie