如何在登录表单上方显示错误的用户名和密码？

<form id="login-form">
  <input type="text" id="username" placeholder="用户名">
  <input type="password" id="password" placeholder="密码">
  <button type="submit">登录</button>
</form>
<div id="error-message"></div>

document.getElementById("login-form").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为

  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;

  // 向后端发送验证请求，获取验证结果
  // 假设后端返回的验证结果为一个JSON对象，包含一个布尔值字段"success"和一个字符串字段"message"
  var validationResult = { success: false, message: "用户名或密码错误" };

  if (!validationResult.success) {
    var errorMessage = document.getElementById("error-message");
    errorMessage.textContent = validationResult.message;
    errorMessage.style.display = "block"; // 显示错误信息
  }
});