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

前端之家收集整理的这篇文章主要介绍了jquery – 以HTML5格式在JavaScript中显示错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_1@我有一个包含必填字段的HTML5表单:

@H_403_1@

required> required> required>
@H_403_1@另外,我有以下jQuery代码

@H_403_1@

$('#my_button').on('click',function() {
    if ($('#my_form').checkValidity() == false) {
       //show errors
    }
});
@H_403_1@我想在//显示错误行中强制显示HTML5错误.
最佳答案
如果要显示验证气泡,首先应提交表单.更改要提交的按钮类型并收听提交事件.

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

@H_403_1@

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

   // ...

});
@H_403_1@http://jsfiddle.net/m5duh44x/

猜你在找的jQuery相关文章