假设您有这样的电子邮件输入:
<input type='email' placeholder='Email:' required />
在Chrome和其他类型的现代浏览器中,将类型设置为电子邮件可以启用验证,即,只有类似“ something @ something”的电子邮件才有效.它显示默认的弹出消息,如下所示:
我想知道是否有可能利用这些事件以将其用于自定义验证?并禁用默认的浏览器.
解决方法:
首先,您需要禁用默认浏览器验证.为此,只需在表单元素中添加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之类的第三方库来为您处理验证.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。