php js记住密码功能,jquery.cookie.js实现用户登录保存密码功能的方法_jquery
本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法。分享给大家供大家参考,具体如下:
需要导入的js有jquery.js和jquery.cookie.js
在页面加载时首先尝试获取cookie的值,如果cookie有值,则将获取到的值填入输入框中,并将保存密码的复选框选中
jQuery(function(){
//获取cookie的值
var username = $.cookie('username');
var password = $.cookie('password');
//将获取的值填充入输入框中
$('#uName').val(username);
$('#psw').val(password);
if(username != null && username != '' && password != null && password != ''){//选中保存秘密的复选框
$("#remember_password").attr('checked',true);
}
});
在登录时判断保存密码复选框是否被选中,若选中则创建cookie(有效期可以自己决定,下面的cookie有效期是7天),若没有选中,则删除cookie(因为可能上一次保存了密码,本次登录选择取消保存密码,所以需要删除cookie才能使下次登录时cookie没有值)。
特别注意删除cookie的操作,在网上很多文章使用的方法是$.cookie('username',null),但我使用该方法并不奏效,每次重新登录后cookie都存在,我尝试使用$.cookie('username','')仍然会有问题,程序变得不能保存密码了。
//提交表单的处理函数
function Login()
{
var uName =$('#uName').val();
var psw = $('#psw').val();
if($('#remember_password').attr('checked') == true){//保存密码
$.cookie('username',uName, {expires:7,path:'/'});
$.cookie('password',psw, {expires:7,path:'/'});
}else{//删除cookie
$.cookie('username', '', { expires: -1, path: '/' });
$.cookie('password', '', { expires: -1, path: '/' });
}
//....
//提交表单的操作
}
登录页面的保存密码复选框
记住密码
PS:这里再为大家推荐一款非常好用的JavaScript压缩、格式化与加密工具,功能非常强大(对于想让代码加密的朋友不妨试试这里的js加密功能):
另外,上面这款js工具中的加密使用的是eval函数加密形式,对此本站还提供了如下这款针对eval函数加密的解密工具,非常强大实用!
希望本文所述对大家jQuery程序设计有所帮助。
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
php js记住密码功能,jquery.cookie.js实现用户登录保存密码功能的方法_jquery相关推荐
- 技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-5.用户登录,密码的bcrypt(hash)加密与验证
技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-5.用户登录,密码的bcrypt(hash)加密与验证 技能学习:学习使用php(tp6框架) + vue.js,开发前端全 ...
- jquery.cookie.js操作cookie实现“记住密码”
//初始化页面时验证是否记住了密码 $(document).ready(function() {if ($.cookie("rmbUser") == "true" ...
- jquery.cookie.js使用
出处:http://westlife063.blog.163.com/blog/static/12994209620133123293695///初始化页面时验证是否记住了密码 $(document) ...
- jQuery插件 -- Cookie插件jquery.cookie.js(转)
2019独角兽企业重金招聘Python工程师标准>>> jQuery插件 -- Cookie插件jquery.cookie.js(转) Cookie是网站设计者放置在客户端的小文本文 ...
- jquery.cookie.js
jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件. <script type="text/javascri ...
- Ajax提交json数据,通过jquery.cookie.js插件解决csrf_token问题
html代码和js代码 <!doctype html> <html lang="en"> <head><meta charset=&quo ...
- jquery.cookie.js 使用小结
先引入jquery,再引入:jquery.cookie.js 添加一个"会话cookie" $.cookie('the_cookie', 'the_value'); 这里没有指明 ...
- jquery.cookie.js 使用方法
Cookies 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery.cookie.js基于jquery:先引入jquery,再引入:jq ...
- jquery.cookie.js 每天首次打开页面时弹出广告
①去jquery官网下载 jquery库文件 以及 jquery.cookie.js: ②引入:<script type="text/javascript" src=&q ...
最新文章
- c语言饭卡管理系统链表文件,C语言《学生信息管理系统》链表+文件操作
- Magnetism and Earnshaw‘s Theorem
- Shell 环境中的预定义变量
- VTK:图像拉普拉斯算子用法实战
- 物流管理毕业论文题目【510个】
- 关于电的计算机公式,电量计算公式_有关各类电量的计算公式
- 求两个数的最小公倍数及多个数的最小公倍数的求法
- hexo博客分支教训
- 一段Js代码开启任意网站的匿名在线聊天室
- 遇到一个Bug:Android: requestLayout() improperly called
- 制备a-CN_x、CrN、TiCN、TiAlN碳氮化物薄膜-供应锡硫化物薄膜 硫化亚锡(SnS)薄膜 电沉积硫化亚锡(SnS)薄膜 硫化亚锡(SnS)异质结薄膜 简易硫化亚锡(SnS)微米棒薄膜
- html登陆注册功能实现,实现用户的登录注册功能
- ArcGIS中的标注和注记 Label Annotation in ArcGIS
- 互联网运营必须掌握的专业术语
- 还有很多事情等待去完成。
- Ubuntu 16.04 和18.04 命令行配置802.1x无线网络连接方法(针对北邮校园网BUPT-mobile)
- 游戏领域的“抄袭”与“借鉴”之分,无耻与致敬仅有一步之遥
- IBinder中linkToDeath的介绍
- “生态环境—空气质量”业务理解
- 计算机科学与技术的职业需求,计算机科学与技术专业人才需求状况
热门文章
- Excel VBA - 文件及目录操作
- qt样式表中背景图片的使用
- React之props基本使用
- laydate点击输入框闪一下不见了_爱剪辑:如何制作抖音、苹果风格的快闪视频...
- 1._请写出5种以上的android中界面常用布局方式,跳槽季“充电宝”Android面试题(一)...
- 北理在线作业答案c语言,北理工19春《面向对象程序设计》在线作业【标准答案】...
- 云服务器 性能监控软件,云监控 - 云应用监控 - ManageEngine Applications Manager
- python framework threads_Python - 多线程
- java 静态块初始化_简单了解java中静态初始化块的执行顺序
- java中session的作用_java中session的工作原理是什么?和Cookies有何区别?