敏哥gege
2017-11-23 10:02:06
原
Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)
很多小伙伴们想做个记住密码功能,但又想简单易懂,又不想涉及后台代码。说明本功能关闭浏览器也是可以记住密码的。
今天抽空就分享一份吧
第一步导入js文件:需要引入3个js文件,即jquery.min.js,jquery.cookie.js,jquery.base64.js。
其中jquery.base64.js是用来加密的。
第二步写设置cookie方法,如果勾选了记住密码的复选框点击登录触发setmcCookie方法就把密码写入cookie
其中 expires: 7意思就是不认为清除缓存的话,记住密码七天。自己想设置几天就几天。
第三步获取cookie,页面一加载就调用getCookie方法
最后看运行和项目截图
第一次输入密码勾选记住密码点击登录,
第二次然后重新运行页面如下就已经记住密码了,即使重新打开浏览器只要不清空cookie也可以记住密码
最后下载了本人代码有不懂的可以问本人
猜你喜欢
- jquery密码强度验证插件jquery.passwordStrength.js实例
- jquery密码强弱度注册页面
- 【猪猪】Struts2+Cookie记住密码免登陆Demo,部署即可使用,注释齐全,开发必备!
- 【猪猪】HTML+Cookie页面储存记住密码,下载即可查看,开发必备,值得收藏。
- jquery图片上传实例
- springboot2+spring security+thymeleaf实现用户权限验证登陆,记住密码功能
- jquery实现的图片旋转实例
- jquery表格插件jquery.dataTables.js使用实例
- mysql、servlet、session、Cookie实现java web用户登录,注册,记住账号实例
- jQuery基本语法学习代码实例
- jQuery集成echarts的模板图标实例
- jquery cookie插件jquery.cookie.js使用实例
请下载代码后再发表评论
文件名:RememberPW.zip,文件大小:36.608K
下载
- /
- /RememberPW
- /RememberPW/css
- /RememberPW/img
- /RememberPW/index.html
- /RememberPW/js
- /RememberPW/js/jquery-1.11.3.min.js
- /RememberPW/js/jquery.base64.js
- /RememberPW/js/jquery.cookie.js
- /RememberPW/css
- /RememberPW
相关代码
最近下载
chenxiufeng LV4
2021年5月3日
yu14790497161 LV2
2020年6月14日
2190177426 LV1
2019年12月25日
啊啊sasadasd LV2
2019年12月19日
3166617589 LV1
2019年6月26日
未来的路 LV2
2019年5月12日
liuzhiteng LV3
2019年4月18日
sf123456 LV1
2019年4月18日
朱云飞 LV13
2019年3月9日
caiqin LV2
2019年1月29日
最近浏览
二郎滩的大帅 LV3
2022年9月7日
樱木花道S LV2
2022年5月31日
AngelW LV10
2022年4月15日
13250241596 LV3
2021年12月22日
ooww46
2021年11月12日
暂无贡献等级
TherCa
2021年7月3日
暂无贡献等级
object-oriented440 LV3
2021年5月22日
chenxiufeng LV4
2021年5月3日
xf-39118 LV2
2021年3月17日
222287267 LV1
2020年12月19日