敏哥gege的gravatar头像
敏哥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意思就是不认为清除缓存的话,记住密码七天。自己想设置几天就几天。

Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)

第三步获取cookie,页面一加载就调用getCookie方法

Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)

最后看运行和项目截图

第一次输入密码勾选记住密码点击登录,

Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)

第二次然后重新运行页面如下就已经记住密码了,即使重新打开浏览器只要不清空cookie也可以记住密码

Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)

Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)Jquery实现记住密码功能实例,简单,易懂(不用写后台代码)

最后下载了本人代码有不懂的可以问本人


打赏

已有2人打赏

小美美美的gravatar头像 最代码官方的gravatar头像

文件名: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
      最代码最近下载分享源代码列表最近下载
      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日
      顶部 客服 微信二维码 底部
      >扫描二维码关注最代码为好友扫描二维码关注最代码为好友