在不使用提交按钮的情况下触发标准 HTML5 验证（表单）？

Question

谁知道我如何在不使用提交按钮的情况下触发表单中的标准 HTML5 验证？ （JavaScript 或 jQuery）。

我 不想 发送 POST/GET 请求，只做验证。

原文由 Mattias Wolff 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个问题 的公认答案似乎是您正在寻找的。

简短摘要：在提交的事件处理程序中，调用 event.preventDefault() 。

原文由 Rick Liddle 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用 reportValidity ，但它的浏览器支持还很差。它适用于 Chrome、Opera 和 Firefox，但不适用于 IE、Edge 或 Safari：

 var myform = $("#my-form")[0];
if (!myform.checkValidity()) {
    if (myform.reportValidity) {
        myform.reportValidity();
    } else {
        //warn IE users somehow
    }
}

（ checkValidity 有更好的支持，但也不适用于 IE <10。）

原文由 mhm 发布，翻译遵循 CC BY-SA 4.0 许可协议