बूटस्ट्रैप एचटीएमएल क्लिक बटन बिना यहाँ प्रपत्र

Question

प्रस्तुत मेरी कोड

 <form class="form-horizontal"> 

      <div class="control-group"> 
      <div class="controls"> 
       <button onclick="javascript:add_user_group(2);" class="btn">add</button> 
      </div> 
      </div> 

     <table id="users-table" class="table table-striped" > 
      <thead> 
      <tr> 
       <th>User Name</th> 
       <th>Delete</th>    
      </tr> 
      </thead> 
      <tbody> 

      </tbody> 
     </table> 

     </form>    

मैं सिर्फ एक मेज जब एक बटन जोड़ें पर क्लिक किया एक नई पंक्ति जोड़ना चाहते है, लेकिन यह बटन जोड़ें के एक क्लिक एक प्रस्तुत चलाता है लगता है फॉर्म का

नहीं है प्रपत्र प्रस्तुत करने के लिए

type=submit 

साथ केवल एक बटन है। या किसी फॉर्म में कोई भी बटन फॉर्म जमा करने को ट्रिगर करता है?

Answer 1

falseonclick नामक फ़ंक्शन में लौटाए जाने से फ़ॉर्म सबमिशन को रोका जाएगा। :)

onclick="javascript:add_user_group(2);return false;" 

Answer 2

जावास्क्रिप्ट का उपयोग करने की कोई आवश्यकता नहीं है। अंतर्निहित type=submit को ओवरराइट करने के लिए बस type="button" सेट करें। यह एचटीएमएल 5 चश्मा में भी पाया जा सकता है जैसा कि यहां बताया गया है: https://stackoverflow.com/a/9643866/2175370