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/

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。