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

Question

我正试图绕过：

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

Chrome中出现错误。是的，我们有一堆必需的字段，是的，这些字段是隐藏的。表单分为多个选项卡，一次只显示一个。

是否有某种类型的Jquery函数可以显示某种类型的弹出窗口“你必须在其他标签中填写信息”？

我看here但没有告诉我太多。

谢谢！

Answer 1

您应该自己进行验证，但作为备份， 是一种解决方法，可以防止Chrome中出现这些错误。

基本方法是：

• 在提交按钮中，单击事件使用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();
});