कई ट्विटर बूटस्ट्रैप टैब पर केवल एक फ़ॉर्म कैसे है?

Question

एक फॉर्म कैसे एक ट्विटर ट्विटर बूटस्ट्रैप टैब है?

<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
    <li class="active"> 
     <a href="#1" data-toggle="tab">Tab1</a> 
    </li> 
    <li> 
     <a href="#2" data-toggle="tab">Tab2</a> 
    </li>    
    </ul> 
    <div class="tab-content"> 
    <div class="tab-pane" id="1"> 
     <form id="personal-data" class="form-horizontal"> 
     ... 
    </div> 
    <div class="tab-pane" id="2"> 
     <!-- form controls to be continued here --> 
     <p>Howdy, I'm in Section 2.</p> 
    </div>    
    </div> 
</div> 

Answer 1

क्या एक <form> है कि सब कुछ लपेटता अप होने के गलत क्या है?

<form id="personal-data" class="form-horizontal" method="POST" action="#"> 

<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
    <li class="active"> 
     <a href="#1" data-toggle="tab">Tab1</a> 
    </li> 
    <li> 
     <a href="#2" data-toggle="tab">Tab2</a> 
    </li>    
    </ul> 
    <div class="tab-content"> 
    <div class="tab-pane" id="1">  
     ... 
    </div> 
    <div class="tab-pane" id="2"> 
     <!-- form controls to be continued here --> 
     <p>Howdy, I'm in Section 2.</p> 
    </div>    
    </div> 
</div> 

</form> 

आप टैब द्वारा या एक बार अंतिम टैब पर टैब सबमिट कर रहे हैं?

अगर एक-एक करके (उदाहरण के लिए, मान्यता), बस डेटा वापस भेजने और आगे ऑन-द-उड़ान भरने के लिए $.post का उपयोग (दूसरे शब्दों में, ajax कॉल कर)।

Answer 2

यदि आप अंतिम टैब में एक बार सबमिट करना चाहते हैं, तो मुझे बस एक ही समस्या में उछाल आया, मुझे लगता है कि बीटवेन टैब को स्थानांतरित करने के लिए कहीं भी एक बटन है। डिफ़ॉल्ट रूप से उन बटनों पर क्लिक करके POST अनुरोध ट्रिगर होगा। @balexandre

event.preventDefault();