如何验证登录表单Javascript的函数？

// 获取表单元素
var form = document.getElementById("login-form");
var usernameInput = document.getElementById("username");
var passwordInput = document.getElementById("password");

// 添加事件监听器
form.addEventListener("submit", validateForm);

// 验证函数
function validateForm(event) {
  event.preventDefault(); // 阻止表单提交

  // 获取用户输入
  var username = usernameInput.value;
  var password = passwordInput.value;

  // 进行验证
  if (username === "" || password === "") {
    // 用户名或密码为空
    displayErrorMessage("用户名和密码不能为空");
  } else if (password.length < 6) {
    // 密码长度不符合要求
    displayErrorMessage("密码长度不能少于6位");
  } else {
    // 验证通过
    displaySuccessMessage("登录成功");
    // 可以在这里进行表单提交操作
  }
}

// 显示错误提示信息
function displayErrorMessage(message) {
  var errorElement = document.getElementById("error-message");
  errorElement.innerText = message;
}

// 显示成功提示信息
function displaySuccessMessage(message) {
  var successElement = document.getElementById("success-message");
  successElement.innerText = message;
}