js实现记住密码功能

// 保存密码到localStorage
function savePassword(username, password) {
    localStorage.setItem('savedUsername', username);
    // 注意：出于安全考虑，不应直接存储明文密码
    // 这里仅为示例，实际应用中应存储加密后的密码或使用更安全的认证机制
    localStorage.setItem('savedPassword', password);
}

// 从localStorage获取密码
function getSavedPassword() {
    return {
        username: localStorage.getItem('savedUsername'),
        password: localStorage.getItem('savedPassword')
    };
}

// 清除localStorage中的密码
function clearSavedPassword() {
    localStorage.removeItem('savedUsername');
    localStorage.removeItem('savedPassword');
}

// 使用示例
document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault();
    const username = document.getElementById('username').value;
    const password = document.getElementById('password').value;
    if (document.getElementById('rememberMe').checked) {
        savePassword(username, password);
    } else {
        clearSavedPassword();
    }
    // 进行登录验证...
});

// 页面加载时自动填充
window.addEventListener('load', function() {
    const savedCredentials = getSavedPassword();
    if (savedCredentials.username && savedCredentials.password) {
        document.getElementById('username').value = savedCredentials.username;
        document.getElementById('password').value = savedCredentials.password;
        document.getElementById('rememberMe').checked = true;
    }
});