76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
|
// 设置cookie
|
||
|
|
function setCookie(name, value, days) {
|
||
|
|
let expires = "";
|
||
|
|
if (days) {
|
||
|
|
const date = new Date();
|
||
|
|
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||
|
|
expires = "; expires=" + date.toUTCString();
|
||
|
|
}
|
||
|
|
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
||
|
|
}
|
||
|
|
|
||
|
|
// 获取cookie
|
||
|
|
function getCookie(name) {
|
||
|
|
const nameEQ = name + "=";
|
||
|
|
const ca = document.cookie.split(';');
|
||
|
|
for (let i = 0; i < ca.length; i++) {
|
||
|
|
let c = ca[i];
|
||
|
|
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
||
|
|
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 删除cookie
|
||
|
|
function deleteCookie(name) {
|
||
|
|
document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
|
||
|
|
}
|
||
|
|
|
||
|
|
// 检查是否有保存的登录信息
|
||
|
|
window.onload = function() {
|
||
|
|
const savedUsername = getCookie('username');
|
||
|
|
const savedPassword = getCookie('password');
|
||
|
|
if (savedUsername && savedPassword) {
|
||
|
|
document.getElementById('username').value = savedUsername;
|
||
|
|
document.getElementById('password').value = savedPassword;
|
||
|
|
document.getElementById('remember').checked = true;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
// 登录表单提交处理
|
||
|
|
document.getElementById('loginForm').addEventListener('submit', function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
const username = document.getElementById('username').value;
|
||
|
|
const password = document.getElementById('password').value;
|
||
|
|
const remember = document.getElementById('remember').checked;
|
||
|
|
const usernameError = document.getElementById('usernameError');
|
||
|
|
const passwordError = document.getElementById('passwordError');
|
||
|
|
|
||
|
|
// 重置错误信息
|
||
|
|
usernameError.style.display = 'none';
|
||
|
|
passwordError.style.display = 'none';
|
||
|
|
|
||
|
|
// 简单的表单验证
|
||
|
|
if (!username) {
|
||
|
|
usernameError.textContent = '请输入用户名';
|
||
|
|
usernameError.style.display = 'block';
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!password) {
|
||
|
|
passwordError.textContent = '请输入密码';
|
||
|
|
passwordError.style.display = 'block';
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 处理记住我功能
|
||
|
|
if (remember) {
|
||
|
|
setCookie('username', username, 7); // 保存7天
|
||
|
|
setCookie('password', password, 7);
|
||
|
|
} else {
|
||
|
|
deleteCookie('username');
|
||
|
|
deleteCookie('password');
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|