素材巴巴 > 程序开发 >

JavaScript密码记住功能

程序开发 2023-09-04 09:09:36

       之前需要写一个用JavaScript表单可以记住密码的功能,在网上找了一圈发现,并没有找到真的可以记住密码的,在这里分享一下自己写的效果功能。

       好啦,废话不多说现在我们来看看代码:

      先是HTML代码段:

    


 无标题文档
 
登录
  • 名称:
  • 密码:
  • 我确定保存密码!

然后是在代码段当中链接的jazh.js代码段:

function $$(id){return document.getElementById(id);}function pageload(){var strName=localStorage.getItem("keyName");var strPass=localStorage.getItem("keyPass");if(strName){$$("txtName").value=strName;}if(strPass){$$("txtPass").value=strPass;}}function btnLogin_click(){var strName=$$("txtName").valuevar strPass=$$("txtPass").value;localStorage.setItem("keyName",strName);if($$("chkSave").checked){localStorage.setItem("keyPass",strPass);}else{localStorage.removeItem("keyPass");}$$("spnStatus").className="status";$$("spnStatus").innerHTML="登录成功!";}

效果图如下显示:

这个就是实现当你关闭浏览器时也不会造成代码没有保存的问题,当你现在确认保存密码,密码就不会丢失。


标签:

上一篇: Vue中的MVVM模型 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。