如何以编程方式显示HTML5客户端验证错误气泡？
如何以编程方式显示HTML5客户端验证错误气泡？
提问于 2011-11-27 15:13:43
我尝试在表单/提交上下文之外使用HTML5客户端验证，但是看不到如何显示验证错误气泡。请考虑以下几点：
<input type="text" id="input" pattern="[0-9]" required oninvalid="alert('yes, invalid')">
<button onclick="alert(document.getElementById('input').checkValidity())">Check</button>一切都按预期工作，从checkValidity返回正确的值，发送和显示无效事件，但是如何以编程方式显示验证错误气泡？
回答 2
Stack Overflow用户
发布于 2011-11-28 04:03:35
尝试使用required="required"并去掉oninvalid处理程序，除非您确实需要它。
http://blog.mozilla.com/webdev/2011/03/14/html5-form-validation-on-sumo/
Stack Overflow用户
发布于 2013-07-17 22:32:10
只需手动将“无效”属性设置为不正确的字段即可。小示例：
var form = $('#myForm').get(0);
if(typeof formItem.checkValidity != 'undefined' && !formItem.checkValidity()) {
$('input:required').each(function(cnt, item) {
if(!$(item).val()) {
$(item).attr('invalid', 'invalid');
}
});
return false;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8284178
复制相关文章
相似问题