如何在不通过jQuery提交的情况下强制进行html5表单验证

  • Z时代
  • 2024-01-10
  • 分类：问答

我的应用程序中有此表单，我将通过AJAX提交它，但是我想使用HTML5进行客户端验证。因此，我希望能够通过jQuery强制进行表单验证。

我想触发验证而不提交表单。可能吗？

回答：

要检查某个字段是否有效，请使用：

$('#myField')[0].checkValidity(); // returns true/false

要检查表格是否有效，请使用：

$('#myForm')[0].checkValidity(); // returns true/false

如果要显示某些浏览器具有的本机错误消息（例如Chrome），很遗憾，唯一的方法是提交表单，如下所示：

var $myForm = $('#myForm');
if(! $myForm[0].checkValidity()) {
  // If the form is invalid, submit it. The form won't actually submit;
  // this will just cause the browser to display the native HTML5 error messages.
  $myForm.find(':submit').click();
}

希望这可以帮助。请记住，并非所有浏览器都支持HTML5验证。

以上是 如何在不通过jQuery提交的情况下强制进行html5表单验证 的全部内容， 来源链接： utcz.com/qa/401824.html

回到顶部