name= "无效的窗体控件不可聚焦

在谷歌Chrome一些客户无法继续到我的支付页面。当我试图提交一个表单时，我得到这个错误:

name= "无效的窗体控件不可聚焦。

这来自JavaScript控制台。

我读到这个问题可能是由于隐藏字段具有必需的属性。现在的问题是，我们使用的是。net webforms required字段验证器，而不是html5 required属性。

谁得到这个错误似乎是随机的。有谁知道解决办法吗?

当前回答

对我来说，问题是在div中输入类型电子邮件的可见性:隐藏，类似这样的东西

<form>
  <div style="visibility: hidden;">
  <input type="email" name="email" id="email">
  ............
</form>

然后你可以改变type="email"为type="text"或删除可见性:隐藏;

其他回答

就我而言…

Ng-show被利用了。 Ng-if被放到了它的位置，修复了我的错误。

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

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

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

在您的表单输入中。你把需要的保存在隐藏输入中，这就是为什么它抛出:

An invalid form control with name='' is not focusable

检查抛出无效的输入名称，您将其隐藏并保留为必需的。

只需从隐藏的输入名称中删除所需的。完成了。

如果隐藏具有必填属性的输入元素，就会发生这种情况。

不使用display:none，你可以使用不透明度:0;

我还必须使用一些CSS规则(如position:absolute)来完美地定位我的元素。

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

<form name="myform" novalidate>

推荐文章