你可以禁用HTML5验证，如果你不想要它在其他回复中提到。 但如果你仍然需要HTML5验证，你可以向提交按钮添加一个“click”事件监听器来显示隐藏字段。click事件将使字段可见，验证不再抛出错误。

我来说明一下我的情况，因为它不同于上面所有的解。我有一个html标签没有正确关闭。元素不是必需的，但它嵌入在一个隐藏的div中

在我的案例中，问题在于type="datetime-local"，出于某种原因，它在表单提交时被验证。

我改变了这个

<input type="datetime-local" />

到

<input type="text" />

不仅仅是当指定需要时，我也得到了这个问题时，使用最小值和最大值。

<input type="number" min="1900" max="2090" />

该字段可以根据其他无线电值隐藏和显示。因此，作为临时解决方案，我删除了验证。

对我来说，这发生了，当有一个<select>字段与预选选项的值“:

<select name="foo" required="required">
    <option value="" selected="selected">Select something</option>
    <option value="bar">Bar</option>
    <option value="baz">Baz</option>
</select>

不幸的是，它是占位符的唯一跨浏览器解决方案(我如何为“选择”框做一个占位符?)

Chrome 43.0.2357.124出现此问题。

对于其他AngularJS 1。x个用户在那里，这个错误出现是因为我隐藏了一个窗体控件显示，而不是完全从DOM中删除它时，我不需要控件完成。

我通过在包含需要验证的表单控件的div上使用ng-if而不是ng-show/ng-hide来修复这个问题。

希望这能帮助到你的边缘情况用户。

如果您有任何具有required属性的字段，但在表单提交期间不可见，则将抛出此错误。当您试图隐藏该字段时，只需删除所需的属性。如果您想再次显示该字段，您可以添加所需的属性。通过这种方式，您的验证将不会受到影响，同时，错误将不会抛出。