如何在输入中进行Html电子邮件验证？

function validateEmail(email) {
  var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // 正则表达式匹配电子邮件格式
  return pattern.test(email);
}

<form onsubmit="return validateForm()">
  <input type="email" id="email" required>
  <input type="submit" value="Submit">
</form>

<script>
function validateForm() {
  var email = document.getElementById("email").value;
  if (!validateEmail(email)) {
    alert("Invalid email format!");
    return false; // 阻止表单提交
  }
  return true; // 允许表单提交
}
</script>