Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表单控件解决方法-Chrome错误_Javascript_Jquery_Google Chrome_Javascript Events_Error Handling - Fatal编程技术网

Javascript 表单控件解决方法-Chrome错误

Javascript 表单控件解决方法-Chrome错误,javascript,jquery,google-chrome,javascript-events,error-handling,Javascript,Jquery,Google Chrome,Javascript Events,Error Handling,我正试图绕过: An invalid form control with name='dob_mm' is not focusable. Chrome中出现的错误。是的,我们有一堆必填字段,是的,这些字段是隐藏的。表单分为多个选项卡,一次只显示一个选项卡 是否有某种类型的Jquery函数可以显示某种类型的弹出窗口,上面写着“您必须填写其他选项卡中的信息” 我看了看,但没告诉我多少 谢谢 您应该自己进行验证,但作为备份,Chrome中有一个解决方法来防止这些错误 基本方法如下: 在submi

我正试图绕过:

An invalid form control with name='dob_mm' is not focusable. 
Chrome中出现的错误。是的,我们有一堆必填字段,是的,这些字段是隐藏的。表单分为多个选项卡,一次只显示一个选项卡

是否有某种类型的Jquery函数可以显示某种类型的弹出窗口,上面写着“您必须填写其他选项卡中的信息”

我看了看,但没告诉我多少


谢谢

您应该自己进行验证,但作为备份,Chrome中有一个解决方法来防止这些错误

基本方法如下:

  • 在submit(提交)按钮中,单击event(事件)检测哪个字段未通过浏览器验证,该字段使用Chrome添加到该字段的
    :invalid
    伪类,并出现错误
  • 找到该字段的父容器(如它所在的选项卡)并使该容器可见
这将确保用户被引导到带有错误的选项卡,并且Chrome的验证不会失败,因为该字段将是可聚焦的

非常基本的版本如下所示:

$('#inputbutton').click(function(){
    //find the invalid field
    $('#myform').find(':invalid').first()
    //find it's parent tab and show it
    .parents('.tab-pane').show();
});

如何为隐藏的输入指定所需的属性?使用script insteadfor firefox验证它您应该使用find('input:invalid,select:invalid,textarea:invalid'),因为第一个无效的元素可能是一个fieldset如果无效的字段在不同的选项卡中呢?@TurdalievNursultan它只选择第一个无效控件。