JavaScript登录记住密码操作(超简单代码)

时间：2021-05-26

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>记住密码</title></head><body><form id="loginForm"> <input id="user" type="text" placeholder="用户名"><br> <input id="pswd" type="password" placeholder="密码"><br> <label><input id="remember" type="checkbox">记住密码</label><br> <input type='submit' value="登录"></form><script> window.onload = function(){ var oForm = document.getElementById('loginForm'); var oUser = document.getElementById('user'); var oPswd = document.getElementById('pswd'); var oRemember = document.getElementById('remember'); //页面初始化时，如果帐号密码cookie存在则填充 if(getCookie('user') && getCookie('pswd')){ oUser.value = getCookie('user'); oPswd.value = getCookie('pswd'); oRemember.checked = true; } //复选框勾选状态发生改变时，如果未勾选则清除cookie oRemember.onchange = function(){ if(!this.checked){ delCookie('user'); delCookie('pswd'); } }; //表单提交事件触发时，如果复选框是勾选状态则保存cookie oForm.onsubmit = function(){ if(remember.checked){ setCookie('user',oUser.value,7); //保存帐号到cookie，有效期7天 setCookie('pswd',oPswd.value,7); //保存密码到cookie，有效期7天 } }; }; //设置cookie function setCookie(name,value,day){ var date = new Date(); date.setDate(date.getDate() + day); document.cookie = name + '=' + value + ';expires='+ date; }; //获取cookie function getCookie(name){ var reg = RegExp(name+'=([^;]+)'); var arr = document.cookie.match(reg); if(arr){ return arr[1]; }else{ return ''; } }; //删除cookie function delCookie(name){ setCookie(name,null,-1); };</script></body></html>

以上所述是小编给大家介绍的JavaScript登录记住密码操作(超简单代码)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章