有什么方法可以从特定输入字段中排除表单验证？

Question

我想在位于表单元素内的 rich text editor component (RTE) 中使用 input url field，但它会触发在其他输入字段中显示 "please fill in this field" 的表单验证。有没有办法从表单验证中排除input url field？

<input type="url" v-model="state.url" no-validation>

或类似的东西？

我找到了 this question 但没有答案。

Answer 1

我不知道这是否适用于 vue.js，但要从 built-in form validation 中排除 html 输入元素，您可以禁用它：

<input type="url" maxlength="42" disabled>

这里我使用了maxlength，因为它是内置表单验证使用的标准属性。 也许 Vue 的 v-model 的工作方式不一样，但我认为这值得一试。

支持文档

上面对 disabled 属性的使用对我有用（使用内置表单验证，我只在 Chrome 上测试过）。 但是我还没有在 MDN 上找到确凿的支持文档。

看：

• disabled attribute: interactions
• Client-sode form validation

我发现这些文档并不完全清楚。 他们暗示使用 disabled 属性是一种合法的方式来忽略 required 属性：

因为 disabled 字段不能更改其值，所以 required 对同时指定了 disabled 属性的输入没有任何影响。此外，由于元素变得不可变，大多数其他属性（例如 pattern）在启用控件之前无效。

但也说这两个属性不允许一起使用：

注意：在指定了disabled 属性的输入上不允许使用required 属性。