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模型
下一篇:
相关文章
-
无相关信息