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

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

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

这来自JavaScript控制台。

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

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

当前回答

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

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

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

其他回答

在我的情况下，问题是输入类型="radio"需要隐藏:

可见性:隐藏;

此错误消息还将显示所需的输入类型单选或复选框是否有显示:none;CSS属性。

如果你想创建自定义的单选/复选框输入，它们必须从UI中隐藏，并且仍然保持所需的属性，你应该使用:

透明度:0;CSS属性

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

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

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

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

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

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

确保表单中具有所需属性的所有控件也具有name属性集

当你向输入字段提供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');

推荐文章