如何强制html5表单验证,而不通过jQuery提交

前端之家收集整理的这篇文章主要介绍了如何强制html5表单验证,而不通过jQuery提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的应用程序中有这种形式,我将通过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验证。

猜你在找的HTML5相关文章