HTML 5瀏覽器的彈出

Question

當您提交的新版瀏覽器的形式，支持HTML5標記，並在窗體中有input type="email"與表單就不會被提交，這是很好無效的電子郵件地址值。你也將獲得一個泡沫警報，說"Please enter an email address"

簡單DEMO here。

嗯，這在某些方面很不錯。在演示中，您將看到彈出窗口隱藏了我定義的錯誤。有沒有辦法阻止泡沫出現？或者我可以重寫泡沫的風格？

Answer 1

您可以用屬性novalidate停止瀏覽器的內置的驗證：

<form action="" novalidate></form> 

，或者你可以改變這個JavaScript屬性覆蓋的內容和自己的錯誤消息：

var element = [selector that selects the input field]; 
element.setCustomValidity('This is not a valid e-mail'); 

但我認爲你不能自己設計這個瀏覽器元素。