フォームデータの検証に JavaScript を使用するにはどうすればよいですか?

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required>
  <br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required>
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password" required>
  <br>
  <button type="submit">提交</button>
</form>

function validateForm() {
  // 获取表单元素
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;
  var password = document.getElementById("password").value;

  // 进行验证
  if (name == "") {
    alert("请输入姓名");
    return false;
  }
  
  if (email == "") {
    alert("请输入邮箱");
    return false;
  }
  
  // 正则表达式验证邮箱格式
  var emailPattern = /^[a-zA-Z0-9]+@[a-zA-Z0-9]+.[a-zA-Z0-9]+$/;
  if (!emailPattern.test(email)) {
    alert("邮箱格式不正确");
    return false;
  }
  
  if (password == "") {
    alert("请输入密码");
    return false;
  }

  return true;
}

var form = document.getElementById("myForm");
form.addEventListener("submit", function(e) {
  e.preventDefault(); // 阻止表单提交
  if (validateForm()) {
    form.submit(); // 验证通过，提交表单
  }
});