php js记住密码功能,JavaScript登录记住密码操作的简单代码分享

本文给大家分享一段简单的js代码实现用户登录记住密码操作，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧

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

记住密码

记住密码

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);

};