首页/jquery前端外包/Jquery 实现 “下次自动登录” 记住用户名密码功能
Jquery 实现 “下次自动登录” 记住用户名密码功能
发布-xiaoming | 浏览量-
Jquery将用户名密码存储到cookie中 需要导入jquery.js和jquery.cookie.js获取
XML/HTML Code复制内容到剪贴板
- <html>
- <head>
- <title>test cookie</title>
- <script src="Scripts/jquery.min.js" type="text/javascript"></script>
- <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- if ($.cookie("rmbUser") == "true") {
- $("#ck_rmbUser").attr("checked", true);
- $("#txt_username").val($.cookie("username"));
- $("#txt_password").val($.cookie("password"));
- }
- });
- //记住用户名密码
- function Save() {
- if ($("#ck_rmbUser").is(":checked")) {
- var str_username = $("#txt_username").val();
- var str_password = $("#txt_password").val();
- $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
- $.cookie("username", str_username, { expires: 7 });
- $.cookie("password", str_password, { expires: 7 });
- }
- else {
- $.cookie("rmbUser", "false", { expire: -1 });
- $.cookie("username", "", { expires: -1 });
- $.cookie("password", "", { expires: -1 });
- }
- };
- </script>
- </head>
- <body>
- <div>
- 用户名:<input type="text" id="txt_username"/><br />
- 密码:<input type="text" id="txt_password"/><br />
- <input type="checkbox" id="ck_rmbUser"/>记住用户名和密码<br />
- <input type="submit" id="sub" value="登录" onclick="Save()"/>
- </div>
- </body>
- </html>
HTML5 LocalStorage 本地存储
cookie总结以及html5中的session比较
HTMl5 sessionStorage和localStorage详解
原文地址:http://www.35ui.cn/post/20170302629.html 标签:cookiejquery上一条: Window.open()方法参数详解 js中window.open()的所有参数详细解析
下一条: jQuery判断checkbox是否选中的3种方法
或许你还对下面的文章感兴趣
- jquery退出each, jquery中怎么中断上层的each循环,js结束function
- jquery事件有哪些 jquery常用事件大全
- JS函数的定义与调用方法function()
- Video.js 是网页上嵌入视频播放器代码 jquery网页播放器代码加图片
- jquery字符串截取 js几个经常用到的字符串的截取
- cookie总结以及html5中的session比较
- jquery 表单序列化 serialize()
- jQuery MD5加密 jquery.md5.js 代码如何加密
- jQuery中.bind() .live() .delegate() .on()的区别
- jquery datatable 参数api