窗体控件解决方法 - 浏览器错误

Question

我试图绕过：自带的Chrome

An invalid form control with name='dob_mm' is not focusable. 

错误。是的，我们有一些必需的字段，是的，这些字段是隐藏的。该表格分成标签，一次只显示一个标签。

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

我看起来here但没有告诉我很多。

谢谢！

Answer 1

你应该做你自己的验证，但作为备份是解决方法，以防止在Chrome中出现这些错误。

的基本方法是这样的：

• 在提交按钮单击事件检测使用:invalid伪类，Chrome浏览器添加到现场与错误，失败的领域，浏览器验证。
• 找到该字段的父容器（例如它所在的选项卡）并使该容器可见。

这将确保用户被引导到带有错误的选项卡，并且Chrome的验证不会失败，因为该字段将是可调焦的。

一个非常基本的版本是这样的：

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