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

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

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

这来自JavaScript控制台。

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

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

当前回答

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

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

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

其他回答

就我而言…

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

当你向输入字段提供style="display: none;"和required属性时，这个问题就会发生，并且在提交时会进行验证。例如:

<input type="text" name="name" id="name" style="display: none;" required>

这个问题可以通过从HTML的输入字段中删除所需的属性来解决。如果需要添加所需属性，请动态添加。如果你正在使用JQuery，请使用下面的代码:

$("input").prop('required',true);

如果需要动态删除该字段，

$("input").prop('required',false);

如果你不使用JQuery，你也可以使用纯Javascript:

document.getElementById('element_id').removeAttribute('required');

如果你有这样的代码，它会显示这条消息:

<form>
  <div style="display: none;">
    <input name="test" type="text" required/>
  </div>

  <input type="submit"/>
</form>

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

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

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

这个错误发生在我身上，因为我提交了一个没有填写必填字段的表单。

产生此错误是因为浏览器试图集中在必填字段上，以警告用户这些字段是必填字段，但这些必填字段隐藏在一个display none div中，因此浏览器无法集中在它们上。我从一个可见的选项卡提交，所需的字段是在一个隐藏的选项卡，因此出现错误。

要解决这个问题，请确保您控制的必填字段已填满。

推荐文章