当您使用支持HTML5标记的较新浏览器版本提交表单时,如果您的表单中input type="email"
的电子邮件地址值无效,则表单将不会提交,这是好的。此外,您还会收到一封说明"Please enter an email address"
一个简单的DEMO here。
嗯,这在某些方面很好。在演示中,您将看到弹出窗口隐藏了我定义的错误。有没有办法防止泡沫出现?或者我可以覆盖泡沫的风格吗?
答案 0 :(得分:10)
您可以使用属性novalidate
停止浏览器的内置验证:
<form action="" novalidate></form>
或者您可以使用此JavaScript属性和您自己的错误消息更改叠加层的内容:
var element = [selector that selects the input field];
element.setCustomValidity('This is not a valid e-mail');
但我认为你不能自己设置这个浏览器元素的样式。