js中如何记住密码:
代码:
<input class="text-input" type="text" id="username" value="" />
<input class="text-input" type="password" id="password" value="" />
<input id="remember" type="checkbox"/>记住密码
验证通过:
try {
if ($('#remember').is(':checked')) {
setCookie('nameUser', $('#username').val()
.trim(), 7);
setCookie('passUser', $('#password').val()
.trim(), 7);
}else{
delCookie('nameUser');
delCookie('passUser');
}
} catch (err) {
console.log(err.name);
console.log(err.message);
}
其他:
window.onload = function(){
var oUser = document.getElementById('username');
var oPswd = document.getElementById('password');
var oRemember = document.getElementById('remember');
//页面初始化时,如果帐号密码cookie存在则填充
var tmpName=getCookie('nameUser');
var tmpPwd=getCookie('passUser');
if(tmpName && tmpPwd){
//alert("oUser="+tmpName+" oPswd="+tmpPwd);
if(tmpName!='null'&&tmpPwd!='null'){
oUser.value = tmpName;
oPswd.value = tmpPwd;
oRemember.checked = true;
}
}
};
//设置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);
};
也可参考网址:http://www.jb51.net/article/109197.htm