使用 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

可以在表单元素上指定的表单提交属性有action、enctype、method、novalidate和target。

可以指定的表单提交的对应属性 提交按钮是formaction，formenctype，formmethod， formnovalidate 和 formtarget。省略时，它们默认为 在表单元素的相应属性上给出的值。

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

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

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

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