Tabs JQuery: كيفية عدم السماح بتبديل علامة تبويب محددة؟

Question

انا استخدم jquery tabs..

تتطلب بعض علامات التبويب إدخال المستخدم.

بمجرد أن يتحول المستخدم إلى علامة تبويب أخرى، يتم التحقق من صحة قيم الإدخال هذه.

الآن هنا هو سؤالي:

كيف يمكنني منع إظهار أي علامة تبويب أخرى طالما أن هذه القيم الإدخال تكون خاطئة؟

$("#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 من الوظيفة وسيمنع تحديد علامة التبويب. انظر مثال حول كيفية منع تحديد علامة التبويب في فشل التحقق من صحة النموذج في موقع مسج.

Answer 2

يمكنك تعطيل علامات التبويب الخاصة بك مع خيارات علامات التبويب UI. ثم يتم رميها وغير قابلة للنقر.

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

لذلك تقوم بتعطيل كل علامة تبويب أخرى غير محددة واحدة. من شأنه أن يعني أنه سيتعين عليك التحقق من صحة النموذج قبل النقر فوق المستخدم.