使用jquery.cookie.js实现记住用户信息(下面以web的记住登录名和密码为例进行说明)
2015-08-26 16:19
1211 查看
一、在你需要使用的界面导入jquery.cookie.js(改js包在文章尾部提供给大家)
二、在页面初始化时验证是否记住了用户名和密码
三、在登录成功后调用一下方法记住用户名和密码
jquery.cookie.js 下载
<script type="text/javascript" src="(根据你的路径来定)/jquery.cookie.js"></script>
二、在页面初始化时验证是否记住了用户名和密码
$(document).ready(function() { if($.cookie("rememberUser") == "true") { //"rememberUser"是记住密码选择框的id名 $("#rememberUser").attr("checked", true); $("#username").val($.cookie("username")); $("#password").val($.cookie("password")); } });
三、在登录成功后调用一下方法记住用户名和密码
function saveUserInfo() { <span style="font-family: Arial, Helvetica, sans-serif;">//保存用户信息 </span> if ($("#rememberUser").attr("checked") == true) { var username = $("#username").val(); var password = $("#password").val(); $.cookie("rememberUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie("username", username, { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie("password", password, { expires: 7 }); // 存储一个带7天期限的 cookie } else { $.cookie("rememberUser", "false", { expires: -1 }); $.cookie("username", '', { expires: -1 }); $.cookie("password", '', { expires: -1 }); } }
jquery.cookie.js 下载
相关文章推荐
- jQuery动画animate使用show hide toggle
- jquery实现平滑的二级下拉菜单效果
- jquery为新增元素添加事件
- jquery中prop()方法和attr()方法的区别浅析
- jQuery Validate 表单验证
- 自动轮播图
- jquery selector及层级选择器
- jquery实现LED广告牌旋转系统图片切换效果代码分享
- [JQ权威指南]第十二天:使用Jquery事件改变文本框的样式
- jquery实现图片水平滚动效果代码分享
- jquery validate和jquery form 插件组合实现验证表单后AJAX提交
- jquery ajax对特殊字符进行转义防止js注入使用示例
- jquery实现漂亮的二级下拉菜单代码
- JQuery中each()的使用方法说明
- jQuery.extend 函数详解
- jquery选择器
- Jquery Mobile 开发问题
- jquery中checkbox记录
- JS/jQuery 遍历对象属性
- Kindeditor与Jquery冲突 textarea得不到数据