javascript - 使用 jquery 验证表单时使用默认浏览器消息
问题描述
我正在尝试使用消息进行 jquery 表单验证,但我希望错误消息显示在浏览器的默认工具提示中,例如当您使用电子邮件类型或添加所需的输入时,如下所示:
<input type="email" class="email" id='email' name='email' placeholder="EMAIL" required>
我不想安装第三方工具提示库,我只想使用默认浏览器的系统。
这些消息不是由 jquery 创建的,而是由浏览器创建的。有没有办法可以将验证消息重定向到浏览器使用的系统?这是我的jQuery:
$(document).ready(function(){
$('#login-form').validate({
rules: {
login_email: {
required: true,
minlength: 7
},
login_password: {
required: true,
minlength: 8
}
},
messages: {
login_email: {
required: "Email is required to login",
minlength: "Email must contain at least {0} characters"
},
login_password: {
required: "A password is required to login",
minlength: "Password must contain at least {0} characters"
}
}
});
});
解决方案
我正在尝试使用消息进行 jquery 表单验证,但我希望错误消息显示在浏览器的默认工具提示中......
不可能。
使用 jQuery Validate 插件时,由于显而易见的原因,浏览器的 HTML5 验证被禁用。
我不想安装第三方工具提示库,我只想使用默认浏览器的系统。
你不能。
jQuery Validate 自动禁用 HTML5 验证。您可以通过自己的代码或插件使用带有或不带有弹出工具提示的 jQuery Validate,或者使用浏览器提供的 HTML5 验证。你不能两者都做。
推荐阅读
- azure-ad-b2c - OAUTH 取消请求 B2C
- c++ - 填充字符串数组时遇到问题
- html - Pandoc:转换 HTML 内联样式
- node.js - 我将图片上传到服务器,但未能带入图片
- assembly - 给定PC=0x32011C,一个值位于0x32010C,那么偏移量是多少?
- python - Pandas groupby/apply 对 int 和 string 类型有不同的行为
- docker - 使用 Docker 在两个文件夹中编译两个应用程序
- javascript - 为什么按钮不触发第二个功能?
- javascript - 如何找到我刚刚上传到 S3 的流的总大小?
- c# - SendGrid 联系人 API