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/