当前位置: 首页 > 知识库问答 >
问题:

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

宇文德明
2023-03-14

在谷歌Chrome中,一些客户无法进入我的支付页面。当尝试提交表单时,我遇到以下错误:

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

这是来自JavaScript控制台的。

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

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

共有2个答案

后星河
2023-03-14

novalidate属性添加到表单将有所帮助:

<form name="myform" novalidate>
丁安宜
2023-03-14

在Chrome上,如果一个表单字段未通过验证,但由于相应的无效控件无法聚焦,浏览器试图在其旁边显示“请填写此字段”的消息也会失败,则会出现此问题。

由于几个原因,窗体控件在触发验证时可能不可聚焦。以下两种情况是最突出的原因:

>

  • 根据业务逻辑的当前上下文,该字段是不相关的。在这种情况下,应该禁用或从DOM中删除相应的控件,或者在此时不使用required属性进行标记。

    由于用户在输入上按ENTER键,可能会发生过早验证。或者用户单击窗体中的按钮/输入控件时,该控件未正确定义控件的type属性。如果按钮的type属性未设置为button,Chrome(或任何其他浏览器)每次单击按钮时都会执行验证,因为submit是按钮type属性的默认值。

    若要解决此问题,如果您的页面上有一个按钮执行“提交”或“重置”以外的其他操作,请始终记住执行以下操作:

  •  类似资料:
    • 我使用TinyMCE 4,这是我的代码: 我有一个问题。当我点击"提交"按钮,表单不发送,但在Web浏览器控制台我有错误:"一个无效的表单控件与名称='内容'是不可聚焦的。" 你能帮我吗?我怎样才能简单地解决这个问题?谢谢你的建议。

    • 当用户填写表单时,该字段通过jQuery的js脚本获取其值。用户在另一个输入中输入一个size,脚本对size值进行数学运算,然后使用jquery函数将结果放入“price final”输入:.val() 在浏览器中,我们可以看到输入是正确填写的,并且没有错误显示在当时。使用'novalidate'解决方案,一切都很顺利,所以我认为它不可能是nofocusable错误的原因。 然后,我在一个没有名

    • 问题内容: 我的网站上有一个严重的问题。在Google Chrome浏览器中,某些客户无法进入我的付款页面。尝试提交表单时出现此错误: 这来自JavaScript控制台。 我读到问题可能是由于隐藏字段具有必填属性。现在的问题是,我们使用的是.net Webforms必需的字段验证器,而不是html5必需的属性。 出现此错误的似乎是随机的。有谁知道解决方案吗? 问题答案: 如果表单字段验证失败,则在

    • 名为“additional\u here\u about\u other\u field”的无效表单控件不可聚焦。此代码用于具有四个下拉列表的选择字段。需要两个选项:和)。选择必填字段时,必须在另一个文本字段中输入其他数据,该字段将显示/取消隐藏。当您选择一个必需的选项,然后切换到一个必需或非必需的选项并尝试提交表单时,您会得到“不可聚焦”错误。似乎当您选择一个必填字段,然后切换到另一个字段时,以

    • 我创建了一个表单,它使用jQuery拆分为许多“选项卡”;以及在各个选项卡中找到的字段。 表单中的所有字段都已检查到位,有些是必填字段,有些必须有最小值,等等。 null 这里你可以找到我所描述的一个例子,尽管它比实际的表单要简单得多,但如果你将它加载到Google Chrome中并立即提交表单,你就会在控制台中看到错误。

    • 我已经创建了一个表单,它使用jQuery被拆分为许多“选项卡”;以及在各个选项卡中找到的字段。 表单中的所有字段都有相应的检查,有些字段是必需的,有些字段必须具有最小值,等等。 但是,当我尝试提交一个在字段中包含无效值的表单时,如果这些字段位于不同于当前选项卡的选项卡下,我会在控制台上从GoogleChrome得到一个错误: 无效的表单控件不可聚焦 但用户看不到任何效果,也找不到错误的字段,因为浏