jQuery的cookie插件实现保存用户登陆信息


Posted in Javascript onApril 15, 2014
<!DOCTYPE html> 
<html> 
<head> 
<title>cookies.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="this is my page"> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<style type="text/css"> 
.txt{ 
width: 150px; 
height:20px; 
border: 1px blue solid; 
border-radius:0.5em; 
margin-bottom: 5px; 
padding-left: 5px; 
} 
</style> 
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="../js/jquery.cookie.js"></script> 
<script type="text/javascript"> 
$(function(){ 

if($.cookie("name")){ 
//取值如果存在则赋值 
$("#username").val($.cookie("name")); 
} 

$("#mycookie").submit(function(){ 
//如果选中了保存用户名选项 
if($("#chkSave").is(":checked")){ 
//设置Cookie值 
$.cookie("name",$("#username").val(),{ 
expires:7,//设置保存期限 
path:"/"//设置保存的路径 
}); 
}else{ 
//销毁对象 
$.cookie("name",null,{ 
path:"/" 
}); 
} 
return false; 
}); 
}); 

</script> 
</head> 
<body> 
<form action="#" method="get" id="mycookie"> 
<div> 
用户名:<br> 
<input id="username" name="username" type="text" class="txt"> 
</div> 
<div> 
密码:<br> 
<input id="password" name="password" type="password" class="txt"> 
</div> 
<div> 
<input id="chkSave" type="checkbox">是否保存用户名 
</div> 
<div> 
<input id="cookBtn" class="btn" type="submit" value="提交"> 
</div> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 Javascript
node.js中的fs.futimes方法使用说明
Dec 17 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
老生常谈javascript的类型转换
Oct 12 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
javascript使用Blob对象实现的下载文件操作示例
Apr 18 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 #Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 #Javascript
JS比较2个日期间隔的示例代码
Apr 15 #Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 #Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
Apr 15 #Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 #Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 #Javascript
You might like
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
PHP代码实现爬虫记录――超管用
2015/07/31 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
javascript encodeURI和encodeURIComponent的比较
2010/04/03 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
DOM 高级编程
2015/05/06 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
jq checkbox 的全选并ajax传参的实例
2017/04/01 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
python字符串的常用操作方法小结
2016/05/21 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
Python爬虫之正则表达式的使用教程详解
2018/10/25 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
python如何操作mysql
2020/08/17 Python
女性时尚网购:Chic Me
2019/07/30 全球购物
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
毕业生个人投资创业计划书
2014/01/04 职场文书
青年创业培训欢迎词
2014/01/08 职场文书
单位未婚证明范本
2014/01/18 职场文书
网络工程师职业规划
2014/02/10 职场文书
党员教师工作决心书
2014/03/13 职场文书
2014最新实习证明模板
2014/10/02 职场文书
深入探讨opencv图像矫正算法实战
2021/05/21 Python
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
Java Spring Lifecycle的使用
2022/05/06 Java/Android