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 toFixed() 方法
Apr 15 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
Aug 16 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
Apr 01 Javascript
vue实现简单的星级评分组件源码
Nov 16 Javascript
Bootstrap实现省市区三级联动(亲测可用)
Jul 26 Javascript
Vue自定义表单内容检查rules实例
Oct 30 Javascript
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
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+MySQL5.0中文乱码解决方法
2006/11/20 PHP
通达OA公共代码 php常用检测函数
2011/12/14 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
php生成缩略图填充白边(等比缩略图方案)
2013/12/25 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
php接口和抽象类使用示例详解
2014/03/02 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
推荐dojo学习笔记
2007/03/24 Javascript
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
js图片跟随鼠标移动代码
2015/11/26 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
javascript实现起伏的水波背景效果
2016/05/16 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
2017/12/27 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
Python基于dom操作xml数据的方法示例
2018/05/12 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
软件测试工程师面试问题精选
2016/10/28 面试题
安全生产汇报材料
2014/02/17 职场文书
三查三看党性分析材料
2014/02/18 职场文书
医院我们的节日活动实施方案
2014/08/22 职场文书
施工安全协议书范本
2014/09/26 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers