之前提交表格

Question

我需要使用HTML5輸入（類型=「電子郵件」等），但我還需要顯示自己的錯誤消息，我可以在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驗證之前，我自己的腳本？我只能想到點擊按鈕事件，並在點擊輸入後，但它並不理想。

Answer 1

如果你想要做自己的驗證添加novalidate屬性，形成以防止通過HTML5瀏覽器

<form id="myForm" novalidate> 

Answer 2

嘗試使用不同的JS事件：onChange，onKeyDown等