提交表格之前

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按钮事件和按下回车键后，但这并不理想。

Answer 1

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

<form id="myForm" novalidate>

Answer 2

尝试使用各种JS事件： onChange ， onKeyDown等。