Cookie实战项目2 记住用户名密码 使用jQuery.Cookie.js 就是这么简单!!!
来源:互联网 发布:苹果手机日版数据漫游 编辑:程序博客网 时间:2024/05/05 23:53
记住用户名密码 使用jQuery.Cookie.js 就是这么简单!!!
本次实战巩固jQuery.Cookie.js的使用。你会发现咋这么简单呢!!!!
先看效果图
打开页面
填写数据,勾上记住密码
刷新页面(奇迹出现了吧!!!!)
源代码
1.引入js文件
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script><script type="text/javascript" src="js/jquery.cookie.js"></script>
注:导入顺序,不要搞错了。。。
2.编写HTML
<div class="row"> <h3>记住用户名密码</h3> <input type = "text" class="form-control" id="userName" placeholder = "用户名"> <br> <input type="password" class="form-control" id="password" placeholder = "密码"> <br> <input type="checkbox"id="checkbox">记住密码 <br><br> <input type="button" class="btn btn-success" value = "提交" id = "save"> </div>
3.编写JS语言
<script type="text/javascript">$(function(){ if($.cookie("username")!=null&&$.cookie("password")!=null){ $("#userName").val($.cookie("username")); $("#password").val($.cookie("password")); } $("#save").click(function(){ if($("#checkbox").prop("checked")) { // 写入cookie $.cookie("username", $("#userName").val(), { path: "/", expires: 7 }); $.cookie("password", $("#password").val(), { path: "/", expires: 7 }); } });});</script>
注:验证checkbox是否被选中用$(“#checkbox”).prop(“checked”),不然,只能呵呵呵呵了。。。。。
总结
在学习中越来越感觉到基础的重要性了,有很多技术细节都是要懂不懂或者的懂的不多。为了改善这种情况,打算以后会对知识的细节从点到面的去理解,然后再写博客加深印象,也能分享给更多有需要的朋友。
1 0
- Cookie实战项目2 记住用户名密码 使用jQuery.Cookie.js 就是这么简单!!!
- 通过jquery.cookie.js实现记住用户名、密码登录功能
- (jQuery)Cookie记住用户名和密码
- (jQuery)Cookie记住用户名和密码
- Cookie插件使用--记住用户名和密码
- 使用jquery.cookie.js插件实现记住密码功能
- Cookie记住用户名与密码
- js cookie记住密码
- jquery.cookie.js操作cookie实现“记住密码”,很简单很强大
- jquery.cookie.js操作cookie实现“记住密码”,很简单很强大
- 通过jquery.cookie.js实现记住用户名和密码的功能
- jquery.cookie.js操作cookie实现“记住密码”
- jquery.cookie.js操作cookie实现“记住密码”
- jquery.cookie.js操作cookie实现记住密码
- jquery.cookie.js操作cookie实现“记住密码”
- jquery.cookie.js操作cookie实现“记住密码”
- jsp页面使用cookie记住密码 jquery
- jquery cookie记住用户名和密码(使用方法)
- PHPanywhere在线PHP编辑器
- PowerDesigner 快捷工具栏 palette 不见了,怎么重新打开
- Dubbo阅读笔记——高级功能
- 欢迎使用CSDN-markdown编辑器
- 算法与数据机构学习_第一章.栈和队列_2.实现2个栈组成的队列
- Cookie实战项目2 记住用户名密码 使用jQuery.Cookie.js 就是这么简单!!!
- NLPIR汉语分词系统在VS中使用
- 小鑫的城堡(sdut_2798)
- 关于深度学习在量化投资的应用
- 学习资源
- Swift中编写单例的正确方式
- 语法分析:算术表达式递归下降分析程序设计
- iOS两个.a文件合并成一个.a文件
- hdu 1102 Constructing Roads 最小生成树prim模板题