jquery – 以HTML5格式在JavaScript中显示错误

前端之家收集整理的这篇文章主要介绍了jquery – 以HTML5格式在JavaScript中显示错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个包含必填字段的HTML5表单:

required> required> required>

另外,我有以下jQuery代码

$('#my_button').on('click',function() {
    if ($('#my_form').checkValidity() == false) {
       //show errors
    }
});

我想在//显示错误行中强制显示HTML5错误.

最佳答案
如果要显示验证气泡,首先应提交表单.更改要提交的按钮类型并收听提交事件.

另请注意,jQuery没有checkValidity方法,您应该首先获取原始DOM元素:

// on submit event browser will validate the form and show the bubbles
$('#my_form').on('submit',function() {
    if (this.checkValidity() == false) {
        return false;
    }

   // ...

});

http://jsfiddle.net/m5duh44x/

原文链接:https://www.f2er.com/jquery/428309.html

猜你在找的jQuery相关文章