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 相关文章推荐
JavaScript获取FCK编辑器信息的具体方法
Jul 12 Javascript
解析URI与URL之间的区别与联系
Nov 22 Javascript
js实现内容显示并使用json传输数据
Mar 16 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
tab栏切换原理
Mar 22 Javascript
JavaScript实现动态添加Form表单元素的方法示例
Aug 14 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
在vue中使用v-bind:class的选项卡方法
Sep 27 Javascript
JS实现百度搜索框关键字推荐
Feb 17 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模板中出现空行解决方法
2011/03/08 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
通过修改referer下载文件的方法
2008/05/11 Javascript
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
JS实现移动端实时监听输入框变化的实例代码
2017/04/12 Javascript
jQuery实现基本动画效果的方法详解
2018/09/06 jQuery
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python的id()函数介绍
2013/02/10 Python
python搭建微信公众平台
2016/02/09 Python
Python中模块string.py详解
2017/03/12 Python
python和ruby,我选谁?
2017/09/13 Python
Django开发中的日志输出的方法
2018/07/02 Python
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
初中校园广播稿
2014/02/02 职场文书
运动会方阵解说词
2014/02/12 职场文书
军训考核自我鉴定
2014/02/13 职场文书
库房管理员岗位职责
2014/03/09 职场文书
电脑售后服务承诺书
2014/03/27 职场文书
少先队活动总结
2014/08/29 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书
2015年酒店工作总结
2015/04/28 职场文书
创业计划书之家教托管
2019/09/25 职场文书
angular异步验证器防抖实例详解
2022/03/31 Javascript