HTML5：與模式驗證自定義驗證消息

Question

我希望我的HTML表單顯示自定義錯誤消息時的電子郵件地址是格式不正確

<form> 
    <input type="text" pattern="^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$" name="email" oninvalid="this.setCustomValidity('custom message')" oninput="setCustomValidity('')" /> 
    <input type="submit" value="Send"/> 
</form> 

JSFiddle example

當我在輸入電子郵件錯誤的格式，然後點擊「發送」，顯示預期的消息：

然而，當我開始打字再次，顯示下面的默認瀏覽器消息（我的瀏覽器設置爲荷蘭語）：

反正有防止顯示默認的消息？我可以在輸入時禁用驗證嗎？

Answer 1

你可以做你的this..Assuming文本ID爲 「text1」 中..

$("#text1").change(function(e) { 
     e.preventDefault(); 
    }); 

或

$("#text1").keydown(function(e) { 
     e.preventDefault(); 
    }); 

以上任何可以使用，但在你的情況我比較喜歡keydown事件。 ..