如何使用javascript在提交时显示所有错误

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  validateForm(); // 调用表单验证函数
});

function validateForm() {
  var errors = []; // 存储错误信息的数组

  // 获取表单中的所有输入字段
  var inputs = document.getElementsByTagName("input");

  // 遍历每个输入字段进行验证
  for (var i = 0; i < inputs.length; i++) {
    var input = inputs[i];

    // 进行相应的验证逻辑
    if (input.value === "") {
      errors.push(input.name + "不能为空");
    }
    // 其他验证逻辑...
  }

  // 显示错误信息
  if (errors.length > 0) {
    var errorString = errors.join("\n");
    alert(errorString);
  }
}

<form id="myForm">
  <input type="text" name="username" placeholder="用户名">
  <input type="password" name="password" placeholder="密码">
  <input type="email" name="email" placeholder="邮箱">
  <button type="submit">提交</button>
</form>