js保存用戶名與密碼
阿新 • • 發佈：2017-12-22
復選框 doc document element index var () ace 設置
<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>js保存用戶名與密碼