如何强制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验证。