敏哥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
![最代码相关代码源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
![最代码最近下载分享源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
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日
![最代码最近浏览分享源代码列表](https://static.zuidaima.com/resource/img/cattle_ico.png)
二郎滩的大帅 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日