bootstrap html scatto del tasto, senza presentare il modulo

Question

Ecco il mio codice

 <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>    

Voglio solo aggiungere una nuova riga a una tabella quando un pulsante aggiuntivo cliccato, ma sembra un clic del pulsante Aggiungi innesca una sottomissione di forma.

È non è solo un pulsante con

type=submit 

a presentare il modulo. O qualsiasi pulsante in un modulo attiva una sottomissione di modulo?

Answer 1

Avere false restituito nella funzione onclick impedirà l'invio del modulo. :)

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

Answer 2

Non è necessario utilizzare Javascript. Basta impostare type="button" per sovrascrivere l'implicito type=submit. Questo può anche essere trovato nelle specifiche HTML5 come menzionato qui: https://stackoverflow.com/a/9643866/2175370