javascript - 使用 javascript 检测 html5 验证

Question

<form action="">
  First name: <input type="text" required name="FirstName" value=""><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <input type="submit" value="Submit">
</form>

有什么办法可以捕获 html5 验证吗？就像当我点击提交时名字字段被阻止一样，通过使用 javascript，有没有办法我知道 html5 被阻止了？

Answer 1

The attributes for form submission that may be specified on form elements are action, enctype, method, novalidate, and target.

The corresponding attributes for form submission that may be specified on submit buttons are formaction, formenctype, formmethod, formnovalidate, and formtarget. When omitted, they default to the values given on the corresponding attributes on the form element.

因此，正如 W3 在下一段中所说，您可以在表单元素上设置 novalidate 或在提交按钮上添加 formnovalidate 来阻止 html5 验证表单并获得验证表单的控制权。

请记住，通过此操作，您将失去所有验证功能，并且必须自行验证每个字段。

另一方面，也许您只是想知道浏览器是否不支持 html5 验证。在这种情况下，您可以使用以下代码:

if (typeof document.createElement( 'input' ).checkValidity != 'function')
     document.getElementsByTagName("form")[0].setAttribute("novalidate", "")