我的网站上有一个严重的问题.在Google Chrome中,有些客户无法前往我的付款页面.在尝试提交表单时,我收到此错误:
An invalid form control with name='' is not focusable.
这是来自JavaScript控制台.
我读到问题可能是由于隐藏字段具有必需属性.现在的问题是我们使用的是.net webforms必需的字段验证器,而不是html5必需属性.
这个错误似乎是随机的.有没有人知道解决方案？
我正在使用Google reCAPTCHA,并且能够将CAPTCHA组件添加到表单内的页面中.但是当我提交表格时,没有进行验证来检查CAPTCHA是否已经解决.
如何在提交表单时验证CAPTCHA组件是否已解决？或者,换句话说,如何使我的CAPTCHA组件成为必需品？
我无法让Google Chrome提交表单.这变得非常荒谬.它最终聚焦一个随机形式字段(但每次都是相同的).
没有FF或IE的问题......
Chrome在开发人员工具中给出的两个错误是:
An invalid form control with name='state' is not focusable.
An invalid form control with name='unitName' is not focusable.
但是,这些甚至不是Chrome决定关注的一个领域.我不知所措,有没有这样的经历？
我想绕过:
An invalid form control with name='dob_mm' is not focusable.
Chrome中出现错误.是的,我们有一堆必需的字段,是的,这些字段是隐藏的.表单分为多个选项卡,一次只显示一个.
是否有某种类型的Jquery函数可以显示某些类型的弹出窗口"你必须填写其他选项卡中的信息"？
我看这里,但没有告诉我太多.
谢谢!
javascript error-handling jquery google-chrome javascript-events
我创建了一个使用jQuery拆分成许多“选项卡”的表单；以及在各个标签中找到的字段。
表单中的所有字段均已选中，某些是必填项，某些必须具有最小值，等等。
但是，当我尝试提交字段中包含无效值的表单时，如果这些字段位于与当前选项卡不同的选项卡下，则会在控制台上从Google Chrome浏览器收到错误消息：
无效的窗体控件不可聚焦
但用户看不到任何效果，也无法找到错误的字段，因为该字段尚未被浏览器突出显示。
我已经阅读了以下问题的答案：
但是，他们都说给字段指定正确的名称（已经完成）或删除“必需的属性”（不能这样做，因为一个原因！）。
我想强调一下，我也在进行服务器端验证，因此这不是此问题的主题。
如何在表单中保留HTML5验证，同时避免该错误？
编辑：
在这里，您可以找到我所描述的示例，尽管它比实际表单要简单得多，但是如果您将其加载到Google Chrome浏览器中并立即提交表单，则会在控制台中看到错误。
<form id="form_tabs" name="form_tabs" method="post" action="">
<div id="tabs" class="ui-tabs">
<ul>
<li><a rel="tabs" href="#tab1">FIRST TAB</a></li>
<li><a rel="tabs" href="#tab2">SECOND TAB</a></li>
</ul>
<div id="tab1" class="ui-tabs-hide">
<input type="text" name="text1" id="text1" value="" placeholder="I am NOT required"/>
</div>
<div id="tab2" class="ui-tabs-hide">
<input type="text" name="text2" id="text2" value="" placeholder="I REALLY am required!" required="required"/>
</div>
</div>
<br/>
<button type="submit" value="submit">
SEND FORM
</button>
</form>