js,登录记住密码,js,记住密码废话不多说了，直接给大家贴代码了，具体代码如下所示： <!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登录记住密码操作(超简单代码)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对wanshiok.com网站的支持！
js,登录记住密码,js,记住密码
|
