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

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

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

这来自JavaScript控制台。

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

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

当前回答

我来说明一下我的情况，因为它不同于上面所有的解。我有一个html标签没有正确关闭。元素不是必需的，但它嵌入在一个隐藏的div中

在我的案例中，问题在于type="datetime-local"，出于某种原因，它在表单提交时被验证。

我改变了这个

<input type="datetime-local" />

到

<input type="text" />

其他回答

这发生在我身上，因为我正在使用Materialize JS/CSS框架。当我在物化表单中创建<select>字段时，它被转换为具有许多风格化字段的托管字段，而真正的<select>字段被框架隐藏，仅用于向post请求传递所选值。

因此，它将始终显示控制台错误，除非我使用浏览器默认类使<select>字段的Materialize管理无效。

另一种方法是使用一个带有type="button"而不是type="submit"的按钮，并使用$('form').submit()来发送表单，但您将失去浏览器验证UI，必须开发自己的UI，或者使用框架的UI。

前面的答案都不适合我，而且我没有任何具有必需属性的隐藏字段。

在我的例子中，问题是由于有一个<form>和一个<fieldset>作为它的第一个子元素，它包含了具有所需属性的<input>。删除<fieldset>解决了这个问题。或者你可以用它来包装你的表单;HTML5是允许的。

我使用的是Windows 7 x64, Chrome版本43.0.2357.130 m。

如果您有任何具有required属性的字段，但在表单提交期间不可见，则将抛出此错误。当您试图隐藏该字段时，只需删除所需的属性。如果您想再次显示该字段，您可以添加所需的属性。通过这种方式，您的验证将不会受到影响，同时，错误将不会抛出。

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

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

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

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

<form name="myform" novalidate>

推荐文章