编写Javascript代码实现用户登录时数据合法性校验的功能

在JavaScript中，编写用户登录时的数据合法性校验通常涉及以下几个步骤：

1. 创建函数接收用户名和密码作为输入参数：

function validateUserLogin(username, password) {

2. 检查用户名是否为空：

if (!username || username.trim().length === 0) {
    return "请输入有效的用户名";
}

3. 检查密码长度和复杂度（例如包含字母、数字和特殊字符）：

const isValidPassword = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
if (!isValidPassword.test(password)) {
    return "请输入至少8位，包含字母大小写、数字和一个特殊字符的密码";
}

4. 如果以上验证都通过，返回true或继续进行数据库查询（这里仅作示例，实际应用会连接服务器）：

// 示例，不会真的去查询数据库
const isUserValid = checkDatabaseForUsername(username); // 这部分需要连接数据库的实际实现

return isUserValid ? true : "用户名或密码错误";

5. 将此函数应用于表单提交事件监听器上，确保前端的用户体验：

document.getElementById('loginForm').addEventListener('submit', (event) => {
    event.preventDefault();
    const validationMessage = validateUserLogin(event.target.username.value, event.target.password.value);
    if (validationMessage !== true) {
        alert(validationMessage);
    }
});