在谷歌Chrome一些客户无法继续到我的支付页面。 当我试图提交一个表单时，我得到这个错误:
name= "无效的窗体控件不可聚焦。
这来自JavaScript控制台。
我读到这个问题可能是由于隐藏字段具有必需的属性。 现在的问题是，我们使用的是。net webforms required字段验证器，而不是html5 required属性。
谁得到这个错误似乎是随机的。 有谁知道解决办法吗?
当前回答
我希望在这个冗长的答案种子中没有遗漏我的场景是一些非常奇怪的事情。
我有div元素，动态更新通过对话框被调用在他们加载和得到行动。
简而言之，div id有
<div id="name${instance.username}"/>
我有一个用户:测试帐户，出于某种原因，编码在java脚本世界中做了一些奇怪的事情。我收到了在其他地方工作的表单的错误消息。
缩小到这个范围，重新测试使用数字代替，即id似乎解决了这个问题。
其他回答
我在使用Angular JS时也发现了同样的问题。这是由于与ng-hide一起使用required引起的。当我点击提交按钮，而这个元素是隐藏的，然后发生错误，无效的窗体控件与名称= "是不可聚焦的。终于!
例如，将ng-hide和required一起使用:
<input type="text" ng-hide="for some condition" required something >
我通过用ng-pattern代替所需的来解决它。
例如解决方案:
<input type="text" ng-hide="for some condition" ng-pattern="some thing" >
在表单中添加novalidate属性将有助于:
<form name="myform" novalidate>
就我而言…
Ng-show被利用了。 Ng-if被放到了它的位置，修复了我的错误。
对于Angular来说:
ng-required =“布尔”
如果值为true，这将只应用html5 'required'属性。
<input ng-model="myCtrl.item" ng-required="myCtrl.items > 0" />
这个错误发生在我身上，因为我提交了一个没有填写必填字段的表单。
产生此错误是因为浏览器试图集中在必填字段上，以警告用户这些字段是必填字段，但这些必填字段隐藏在一个display none div中，因此浏览器无法集中在它们上。我从一个可见的选项卡提交，所需的字段是在一个隐藏的选项卡，因此出现错误。
要解决这个问题，请确保您控制的必填字段已填满。
