JQuery记住用户名密码实现下次自动登录功能


Posted in Javascript onApril 27, 2015

Jquery将用户名密码存储到cookie中

需要导入jquery.js和jquery.cookie.js

<html>
<head>
<title>test cookie</title>
<script src="Scripts/jquery-1.4.1.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").attr("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>
Javascript 相关文章推荐
JavaScript 学习 - 提高篇
Feb 02 Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
jquery 学习之二 属性 文本与值(text,val)
Nov 25 Javascript
统计出现最多的字符次数的js代码
Dec 03 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
Bootstrap企业网站实战项目4
Oct 14 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 #Javascript
使用console进行性能测试
Apr 27 #Javascript
浅谈javascript实现八大排序
Apr 27 #Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 #Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 #Javascript
javascript关于运动的各种问题经典总结
Apr 27 #Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 #Javascript
You might like
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
php接口隔离原则实例分析
2019/11/11 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
javascript 基础篇4 window对象,DOM
2012/03/14 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
2013/12/04 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
2017/10/15 Javascript
Popup弹出框添加数据实现方法
2017/10/27 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
PyQT实现多窗口切换
2018/04/20 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
Pytorch mask_select 函数的用法详解
2020/02/18 Python
解决Django no such table: django_session的问题
2020/04/07 Python
python文件读取失败怎么处理
2020/06/23 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
C#中的验证控件有几种
2014/03/08 面试题
仓管岗位职责范本
2014/02/08 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
2015年药店工作总结
2015/04/20 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
加班费申请报告
2015/05/15 职场文书