javascript - 提交表格之前

Question

我需要使用 HTML5 输入(type="email"等)，但我还需要显示自己的错误消息，我可以在 CSS 中设置样式。

document.getElementById('myForm').onsubmit = function() {
   document.getElementById('message').innerHTML = '<div>Email must be valid.</div>';
   return false;
}

#message > div {
  font-family: Open Sans, Arial;
  font-size: 200%;
  position: absolute;
  left: 50%;
  letter-spacing: 0.05em;
  top: 50%;
  transform: translate(-50%, -50%);
}

<form id="myForm">
   <input type="email" required />
   <button>Send</button>
</form>

<div id="message"></div>

有人知道如何在 HTML5 验证之前运行我自己的脚本吗？我只能想到 onclick 按钮事件和按 Enter 键后，但这并不理想。

Answer 1

如果您想进行自己的验证，请在表单中添加 novalidate 属性，以防止浏览器进行 html5 内部验证

<form id="myForm" novalidate>