第一版
This commit is contained in:
76
WebContent/static/js/login.js
Normal file
76
WebContent/static/js/login.js
Normal file
@@ -0,0 +1,76 @@
|
||||
// 设置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');
|
||||
}
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user