如何摆脱 HTML5 验证 - 完全答案

【问题标题】：How to get rid of HTML5 validation - totally如何摆脱 HTML5 验证 - 完全
【发布时间】：2014-08-11 09:18:44
【问题描述】：

有一些相关的问题，并没有真正的帮助。如果我在某些表单中包含所有输入，This one 会有所帮助。但我不像 angularjs 我只需要一个表单，如果我不想知道某个集合中的所有字段是否都有效。此外，HTML form 不堆叠，所以我只使用ng-form。

我实际上并不关心表单是否得到验证，我只想像 this question 一样摆脱 Firefox 中的红色边框。有没有办法将发光的红色设置为零大小或透明度或其他？在 Firefox 中我看不到它。

或者，是否有可能教 angularjs 使用其他属性名称而不是 required，以便 HTML5 不会跳转到视觉上破坏我的页面？

更新

实际上，有一个更简单的可能性：因为我根本没有使用 HTML 表单，而且我需要一些顶级容器，它可以是 <form novalidate> 而不是 <div>。太简单了，看不出来。

【问题讨论】：

所以您真的不想摆脱验证，而是想要摆脱无效字段的样式？
@Juhana 我绝对不想要 HTML5 验证/样式，因为 angularjs 已经这样做了（而且它很容易使用并且可以根据条件和样式进行自定义）。我无法使用 HTML5 完成所有我想做的事情，并且我的字段以两种不同的样式标记为无效不是一种选择。
您可以将属性novalidate 放在您的form 标签上。
@putvande 我没有一个<form>。

【解决方案1】：

你可以使用：

:invalid {
    box-shadow: none;
}

【讨论】：