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]);

所以，你只是禁用所有其他选项卡，是不是选择之一。这将意味着虽然，你将不得不验证表单的用户点击标签之前。