如何配置submit按钮，使其可以提交已验证的表单？

<form id="myForm">
  <input type="text" id="name" required>
  <input type="email" id="email" required>
  <button type="submit" id="submitButton">提交</button>
</form>

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

    // 进行表单验证逻辑，例如检查是否为空、是否符合特定格式等

    if (name !== "" && email !== "") {
      return true; // 表单验证通过
    } else {
      // 显示错误消息，例如通过创建一个错误提示元素并将其插入到DOM中
      return false; // 表单验证未通过
    }
  }

  document.getElementById("submitButton").addEventListener("click", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    if (validateForm()) {
      document.getElementById("myForm").submit(); // 提交表单
    }
  });
</script>