如何在表单中仅显示一个验证错误？

<form id="myForm" action="submit.php" method="post">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>
  <br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  <br>
  <button type="submit">Submit</button>
  <div id="errorContainer"></div>
</form>

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交

  // 后端验证逻辑
  var errors = [];
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;

  if (name === "") {
    errors.push("Name is required");
  }

  if (email === "") {
    errors.push("Email is required");
  }

  // 显示第一个错误信息
  if (errors.length > 0) {
    document.getElementById("errorContainer").innerHTML = errors[0];
  } else {
    // 没有错误，提交表单
    document.getElementById("myForm").submit();
  }
});