如何使此表单验证脚本正常工作

<form id="myForm" onsubmit="return validateForm()">
  <input type="text" id="name" required>
  <input type="email" id="email" required>
  <button type="submit">提交</button>
</form>

<div id="errorMessages"></div>

<script>
  function validateForm() {
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    var errorMessages = document.getElementById("errorMessages");

    errorMessages.innerHTML = "";

    if (name === "") {
      errorMessages.innerHTML += "请输入姓名<br>";
    }

    if (email === "") {
      errorMessages.innerHTML += "请输入邮箱<br>";
    } else if (!validateEmail(email)) {
      errorMessages.innerHTML += "请输入有效的邮箱地址<br>";
    }

    if (errorMessages.innerHTML !== "") {
      return false; // 阻止表单提交
    }
  }

  function validateEmail(email) {
    // 使用正则表达式验证邮箱格式
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return emailRegex.test(email);
  }
</script>