当您在支持 HTML5 标记的较新浏览器版本中提交表单并且您的表单包含 input type="email"
且电子邮件地址值无效时,表单将不会被提交,这很好。此外,您还会收到一个气泡警报,上面写着 “请输入电子邮件地址”
一个简单的DEMO here .
嗯,这在某些方面很好。在演示中,您将看到弹出窗口隐藏了我定义的错误。有没有办法防止气泡出现?或者我可以覆盖气泡的样式吗?
最佳答案
您可以使用属性 novalidate
停止浏览器的内置验证:
<form action="" novalidate></form>
或者您可以使用此 JavaScript 属性和您自己的错误消息更改叠加层的内容:
var element = [selector that selects the input field];
element.setCustomValidity('This is not a valid e-mail');
但我认为你不能自己设计这个浏览器元素的样式。
关于HTML 5 浏览器在输入类型为 ="email"时弹出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11701844/