它可以是你有隐藏(display: none)字段和必需的属性。

请检查所有必填字段是否对用户可见:)

不仅仅是在其他答案中提到的必填项。这也是由于将<input>字段放置在隐藏的<div>中导致的，该字段持有无效值。

考虑下面的例子，

<div style="display:none;">
   <input type="number" name="some" min="1" max="50" value="0">
</div> 

这将抛出相同的错误。所以确保<input>字段隐藏<div>不持有任何无效值。

对于Angular来说:

ng-required =“布尔”

如果值为true，这将只应用html5 'required'属性。

<input ng-model="myCtrl.item" ng-required="myCtrl.items > 0" />

您可以尝试. removeattribute ("required")用于那些在窗口加载时隐藏的元素。因为很有可能由于javascript(选项卡表单)，所讨论的元素被标记为隐藏

e.g.

if(document.getElementById('hidden_field_choice_selector_parent_element'.value==true){
    document.getElementById('hidden_field').removeAttribute("required");        
}

这应该可以完成任务。

这对我很管用……干杯

这发生在我身上，因为我正在使用Materialize JS/CSS框架。当我在物化表单中创建<select>字段时，它被转换为具有许多风格化字段的托管字段，而真正的<select>字段被框架隐藏，仅用于向post请求传递所选值。

因此，它将始终显示控制台错误，除非我使用浏览器默认类使<select>字段的Materialize管理无效。

另一种方法是使用一个带有type="button"而不是type="submit"的按钮，并使用$('form').submit()来发送表单，但您将失去浏览器验证UI，必须开发自己的UI，或者使用框架的UI。

在表单中添加novalidate属性将有助于:

<form name="myform" novalidate>