在谷歌Chrome一些客户无法继续到我的支付页面。 当我试图提交一个表单时，我得到这个错误:
name= "无效的窗体控件不可聚焦。
这来自JavaScript控制台。
我读到这个问题可能是由于隐藏字段具有必需的属性。 现在的问题是，我们使用的是。net webforms required字段验证器，而不是html5 required属性。
谁得到这个错误似乎是随机的。 有谁知道解决办法吗?
当前回答
您可以尝试. removeattribute ("required")用于那些在窗口加载时隐藏的元素。因为很有可能由于javascript(选项卡表单)，所讨论的元素被标记为隐藏
e.g.
if(document.getElementById('hidden_field_choice_selector_parent_element'.value==true){
document.getElementById('hidden_field').removeAttribute("required");
}
这应该可以完成任务。
这对我很管用……干杯
其他回答
我来说明一下我的情况，因为它不同于上面所有的解。我有一个html标签没有正确关闭。元素不是必需的，但它嵌入在一个隐藏的div中
在我的案例中，问题在于type="datetime-local"，出于某种原因，它在表单提交时被验证。
我改变了这个
<input type="datetime-local" />
到
<input type="text" />
前面的答案都不适合我，而且我没有任何具有必需属性的隐藏字段。
在我的例子中，问题是由于有一个<form>和一个<fieldset>作为它的第一个子元素，它包含了具有所需属性的<input>。删除<fieldset>解决了这个问题。或者你可以用它来包装你的表单;HTML5是允许的。
我使用的是Windows 7 x64, Chrome版本43.0.2357.130 m。
它可以是你有隐藏(display: none)字段和必需的属性。
请检查所有必填字段是否对用户可见:)
我希望在这个冗长的答案种子中没有遗漏我的场景是一些非常奇怪的事情。
我有div元素，动态更新通过对话框被调用在他们加载和得到行动。
简而言之，div id有
<div id="name${instance.username}"/>
我有一个用户:测试帐户，出于某种原因，编码在java脚本世界中做了一些奇怪的事情。我收到了在其他地方工作的表单的错误消息。
缩小到这个范围，重新测试使用数字代替，即id似乎解决了这个问题。
有些事情仍然让我感到惊讶……我有一个具有两个不同实体的动态行为的表单。一个实体需要一些其他实体不需要的字段。 所以，我的JS代码，取决于实体，做一些类似的事情: $ (' # periodo ') .removeAttr(“需要”); $ (" # periodo-container ") hide ();
当用户选择另一个实体时: $ (" # periodo-container "),告诉(); $ (" # periodo”)。道具(“需要”,真正的);
但有时，当提交表单时，会出现问题:“name=periodo的无效表单控件”不可聚焦(我对id和名称使用相同的值)。
要解决这个问题，您必须确保您正在设置或删除'required'的输入始终可见。
所以，我所做的是:
$("#periodo-container").show(); //for making sure it is visible
$('#periodo').removeAttr('required');
$("#periodo-container").hide(); //then hide
这解决了我的问题…难以置信。
