在谷歌Chrome一些客户无法继续到我的支付页面。 当我试图提交一个表单时，我得到这个错误:
name= "无效的窗体控件不可聚焦。
这来自JavaScript控制台。
我读到这个问题可能是由于隐藏字段具有必需的属性。 现在的问题是，我们使用的是。net webforms required字段验证器，而不是html5 required属性。
谁得到这个错误似乎是随机的。 有谁知道解决办法吗?
当前回答
是的. .如果隐藏表单控件有必填字段，则会显示此错误。一种解决方案是禁用此表单控件。这是因为通常如果你隐藏一个表单控件，那是因为你不关心它的值。所以这个表单控件的名称值对在提交表单时不会被发送。
其他回答
在你的表单中，你可能有隐藏的输入需要的属性:
<input type="hidden" required /> <input type="file" required style="display: none;"/>
表单不能专注于这些元素，你必须从所有隐藏的输入中删除required，或者在javascript中实现一个验证函数来处理它们，如果你真的需要一个隐藏的输入。
我希望在这个冗长的答案种子中没有遗漏我的场景是一些非常奇怪的事情。
我有div元素，动态更新通过对话框被调用在他们加载和得到行动。
简而言之，div id有
<div id="name${instance.username}"/>
我有一个用户:测试帐户，出于某种原因，编码在java脚本世界中做了一些奇怪的事情。我收到了在其他地方工作的表单的错误消息。
缩小到这个范围，重新测试使用数字代替，即id似乎解决了这个问题。
这个问题发生在Chrome上，如果一个表单字段验证失败，但由于各自的无效控件无法聚焦，浏览器试图显示消息“请填写此字段”旁边也失败了。
由于多种原因，表单控件在触发验证时可能无法聚焦。下面描述的两种情况是最突出的原因:
The field is irrelevant according to the current context of the business logic. In such a scenario, the respective control should be disabled or removed from the DOM or not be marked with the required attribute at that point. Premature validation may occur due to a user pressing ENTER key on an input. Or a user clicking on a button/input control in the form which has not defined the type attribute of the control correctly. If the type attribute of a button is not set to button, Chrome (or any other browser for that matter) performs a validation each time the button is clicked because submit is the default value of a button's type attribute.
为了解决这个问题，如果你的页面上有一个按钮是做其他事情而不是提交或重置，请记住这样做:<button type="button">。
这是因为表单中有一个带有required属性的隐藏输入。
在我的情况下，我有一个选择框，它是隐藏的jquery tokenizer使用内联风格。如果我没有选择任何令牌，浏览器在表单提交时抛出上述错误。
所以，我用下面的css技术修复了它:
select.download_tag{
display: block !important;//because otherwise, its throwing error An invalid form control with name='download_tag[0][]' is not focusable.
//So, instead set opacity
opacity: 0;
height: 0px;
}
对于Angular来说:
ng-required =“布尔”
如果值为true，这将只应用html5 'required'属性。
<input ng-model="myCtrl.item" ng-required="myCtrl.items > 0" />
