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 相关文章推荐
jQuery技巧总结
Jan 01 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
javascript自定义的addClass()方法
May 28 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
Mar 03 Javascript
最简单的tab切换实例代码
May 13 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 Javascript
原生JS和jQuery操作DOM对比总结
Jan 19 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
jquery实现直播视频弹幕效果
Feb 25 jQuery
如何在selenium中使用js实现定位
Aug 18 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
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
PHP中基于ts与nts版本- vc6和vc9编译版本的区别详解
2013/04/26 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
JavaScript 撑出页面文字换行
2009/06/15 Javascript
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
2016/01/22 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
python rsa 加密解密
2017/03/20 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
2013/01/31 HTML / CSS
最新计算机专业自荐信
2013/10/16 职场文书
公务员的自我鉴定
2013/10/26 职场文书
计算机毕业生求职信
2014/06/10 职场文书
护士找工作求职信
2014/07/02 职场文书