javascript - 使用 javascript 检测 html5 验证

标签 javascript html

<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 被阻止了?

最佳答案

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", "")

关于javascript - 使用 javascript 检测 html5 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38037276/

相关文章:

javascript - ASP.Net 按钮重新加载整个页面

javascript - 如何替换handsontable中一列中的所有内容?

javascript - 无法使用Javascript/JQuery更改视频静音属性

javascript - 如何将普通 JS 中的二叉树绘制为 HTML+CSS?

从 Android 中的 URL 获取 HTML 源代码的 Java 代码不起作用

javascript - 隐藏 html/javascript 文件中的 url

javascript 无法从列表中删除 onbeforeunload 事件监听器

javascript - 在 Framer Motion 中错开 sibling 来执行共享按钮动画?

javascript - 如何通过 AngularJs 访问函数中选定的选项值

html - 文本颜色的 CSS 目标不正确