h5密码学习方法h5登录页面代码
用户登录
// 页面加载时检查存储
window.onload = function {
const remember = localStorage.getItem('remember') === 'true';
if(remember) {
document.getElementById('username').value = localStorage.getItem('username') || '';
document.getElementById('password').value = localStorage.getItem('password') || '';
document.getElementById('remember').checked = true;
};
// 登录时处理记住选项
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault;
const remember = document.getElementById('remember').checked;
if(remember) {
localStorage.setItem('username', document.getElementById('username').value);
localStorage.setItem('password', document.getElementById('password').value);
localStorage.setItem('remember', 'true');
} else {
localStorage.removeItem('username');
localStorage.removeItem('password');
localStorage.setItem('remember', 'false');
// 实际登录逻辑...
});
async function encryptPassword(password) {
const encoder = new TextEncoder;
const data = encoder.encode(password);
const hash = await crypto.subtle.digest('SHA-256', data);
return Array.from(new Uint8Array(hash))
.map(b => b.toString(16).padStart(2, '0'))
.join('');
document.querySelector('form').addEventListener('submit', async function(e) {
e.preventDefault;
const password = document.getElementById('password').value;
const encrypted = await encryptPassword(password);
// 发送加密后的密码到服务器...
});