在html自动验证后使用javascript验证html表单

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

<script>
  var form = document.getElementById("myForm");

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

    // 获取表单元素
    var nameInput = document.getElementById("name");
    var emailInput = document.getElementById("email");

    // 验证表单数据
    if (nameInput.value === "") {
      alert("请输入姓名");
      return;
    }

    if (emailInput.value === "") {
      alert("请输入邮箱");
      return;
    }

    if (!isValidEmail(emailInput.value)) {
      alert("请输入有效的邮箱地址");
      return;
    }

    // 表单验证通过，可以进行后续操作
    // ...

    // 提交表单
    form.submit();
  });

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