覆盖默认的浏览器表单验证
伊利亚
假设您有这样的电子邮件输入：
<input type='email' placeholder='Email:' required />
在Chrome和其他类型设置为电子邮件的现代浏览器中，启用验证即只有“ something @ something”之类的电子邮件才有效。它显示默认的弹出消息，如下所示：
我想知道是否有可能利用这些事件来将其用于自定义验证？并禁用默认的浏览器。
马丁·戈特威斯（Martin Gottweis）
首先，您需要禁用默认浏览器验证。为此，只需添加novalidate到表单元素：
<form class="custom-validated-form" novalidate >
<input type='email' placeholder='Email:' required />
</form>
要执行一些自定义验证，您需要捕获Submit事件，并.preventDefault()在自定义验证失败的情况下执行以下操作：
$('.custom-validated-form').submit(function(event) {
// your custom validation
event.preventDefault()
})
好主意可能是使用诸如parsley.js之类的第三方库来为您处理验证。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
浏览器默认字体的CSS
- 2
Shell脚本作为默认浏览器
- 3
Webview打开浏览器，即使覆盖
- 4
更改Web浏览器默认
- 5
默认情况下如何覆盖标准浏览器打印和打印iframe
- 6
CTRL打开默认浏览器
- 7
用默认浏览器打开URL？
- 8
Selenium运行错误的浏览器（默认）
- 9
用浏览器前缀覆盖CSS
- 10
如何使用非默认浏览器？
- 11
postcss-autoreset将使用浏览器的默认字体覆盖字体系列
- 12
如何覆盖Windows 7的默认浏览器选择开启时使用Python webppages
- 13
如何更改默认浏览器？
- 14
Redux表单验证符号无法在浏览器中呈现？
- 15
如何弹出浏览器提示默认用户身份验证？
- 16
Inno Setup获取默认浏览器
- 17
jQuery表单验证不适用于开发浏览器
- 18
在默认浏览器中运行硒？
- 19
用Javascript覆盖默认浏览器对象
- 20
如何通过浏览器DevTools在第三方站点触发输入表单验证？
- 21
Chrome Incognito：设为默认浏览器
- 22
如何更改默认浏览器？
- 23
安装google-chrome会覆盖“默认浏览器”的首选项
- 24
Webview不覆盖默认浏览器
- 25
如果浏览器自动填充了字段，则触发jquery表单验证
- 26
如何覆盖浏览器的CSS默认值？
- 27
Rails 4：提交失败后滚动浏览器窗口以形成表单（验证错误）
- 28
覆盖默认的浏览器表单验证
- 29
jQuery防止默认和浏览器验证
我来说两句