टैब परिवर्तन पर jQuery सत्यापन

Question

मैं jQuery सत्यापन और टैब प्लगइन के साथ काम कर रहा हूं। मैं एक विशेष टैब को सत्यापित करना चाहता हूं जब उपयोगकर्ता टैब से दूसरे 2 टैब में से एक में स्थानांतरित करने का प्रयास करता है। क्या किसी को इस विशेष विधि के साथ अनुभव है?

$("#tabs").tabs({ 
     select: function(event, ui) { 
      // Do your validation here 
     }   
}); 

आप पर एक नजर है कर सकते हैं:

$(function() { 
     //Bind Link Tab Selection 
     //------------------ 
     var $tabs = $("#tabs").tabs(); 
     $('#step1_button').click(function() { 
      $tabs.tabs('select','2'); 
      return false; 
     }); 
     $('#step2_button').click(function() { 
      $tabs.tabs('select','3'); 
      return false; 
     }); 
     //------------------ 
     //------------------ 

     //Bind Tabs 
     //------------------ 
     $("#tabs").tabs({ 
      fx: {width:'toggle'} 
     }); 
     //------------------ 
     //------------------ 
    }); 

Answer 1

आप एक समारोह हर बार टैब इसलिए की तरह बदल गया है चला सकते हैं:

वर्तमान में, यह मैं कैसे टैब्स प्लगइन बाध्य है आधिकारिक दस्तावेज here। घटना सामान नीचे नीचे है।

तो आप उस टैब के कुछ नियंत्रणों के लिए उस फ़ंक्शन के अंदर अपना सत्यापन कर सकते हैं। मैन्युअल रूप से अलग-अलग टैब चुनने के बजाय, आप ui.index का उपयोग करके फ़ंक्शन के अंदर जिस टैब को चुन रहे हैं उसका इंडेक्स प्राप्त कर सकते हैं। इसके अतिरिक्त, यदि उपयोगकर्ता वर्तमान टैब सामग्री event.preventDefault() का उपयोग करके मान्य नहीं है, तो आप उपयोगकर्ता को किसी अन्य टैब में बदलने से रोक सकते हैं। तो पूरी तरह से, कुछ ...

$("#tabs").tabs({ 
     select: function(event, ui) { 
      alert('validating tab ' + ui.index); 

      var valid = false; 

      // do your validating here... 
      // determine validity 

      // If the form isn't valid, prevent the tab from changing 
      if(!valid) 
      { 
       // prevent further action 
       event.preventDefault(); 
      } 
      else 
      { 
       // valid so we'll allow user to change tab 
       alert('valid'); 
      } 
     }   
}); 

आप here कोड के साथ खेल सकते हैं।