记住密码的实现
可以用两种方式实现该功能
1、cookie方式
2、localstorage方式
cookie存储时
Click me
ps:我用cookie时未成功。
用本地存储记住密码
var user = document.getElementById('user');
var password = document.getElementById('password');
var check = document.getElementById('check');
var btn = document.getElementById('btn');
// 获取设置的本地存储的用户名的值
var loUser = localStorage.getItem('user');
// 获取设置的本地存储的密码的值
var loPass = localStorage.getItem('pass');
// 将本地存储的值设置给用户名和密码
user.value= loUser;
password.value = loPass;
// 判断本地存储值不为空的时候将勾选的checked设置为空
if(loUser!==''&&loPass!==''){
check.setAttribute('checked','');
}
btn.onclick=function(){
if(check.checked){
// alert("选中");
// 勾选框勾选的时候设置本地的用户名和密码的val为输入的值
localStorage.setItem('user',user.value);
localStorage.setItem('pass',password.value);
}else{
// alert('未勾选');
// 勾选框未勾选的时候设置本地的用户名和密码为空
localStorage.setItem("user","");
localStorage.setItem("pass","");
}
}