javascript - novalidate 属性到特定字段或整个页面

Question

如何在页面有多种表单的情况下为整个页面设置“novalidate”属性？这也适用于表单部分之外的输入吗？

我可以直接在输入字段中设置 novalidate 吗？

我已经尝试在输入字段中设置以下属性:

<input type="text" ... novalidate>

和

<input type="text" .. formnovalidate="formnovalidate">

不起作用!

我可以在任何其他容器中设置 html 属性吗？

Answer 1

嗯，novalidate 属性特定于表单元素。所以不，您不能自动为页面中的所有表单设置 novalidate。但您可以使用一小段 JavaScript 代码来为您完成此操作。

var forms = document.querySelectorAll('form');

for (var i = 0; i < forms.length; i++) {
    forms[i].setAttribute('novalidate', true);
}

看看this example that I made .