javascript - jQuery选项卡：如何禁止切换到特定选项卡？

Question

我正在使用jQuery 选项卡。

某些选项卡需要用户输入。

一旦用户切换到另一个选项卡，这些输入值就会被验证。

现在这是我的问题：

只要这些输入值错误，如何防止显示任何其他选项卡？

$("#tab").bind('tabsselect', function(){

   if ( ... )
   {
       alert ( 'Please fill all required fields before proceeding' );

      /*         
            What code do I have to place here to prevent displaying this tab?
      */

    }   

})

感谢您的时间

Answer 1

您需要做的就是从函数中返回 false ，它将阻止选择选项卡。请参阅jQuery 站点上有关如何防止在表单验证失败时选择选项卡的示例。

Answer 2

您可以使用 UI 选项卡选项禁用选项卡。然后它们变灰并且不可点击。

$('.selector').tabs('option', 'disabled', [1, 2]);

因此，您只需禁用不是选定的所有其他选项卡。但是，这意味着您必须在用户单击选项卡之前验证表单。