bootstrap html kliknij przycisk bez złożyć formularz

Question

Oto mój kod

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

Chcę tylko dodać nowy wiersz do tabeli, gdy przycisk add kliknął, ale wydaje się, kliknięcie przycisku doda wyzwala przedłożenie formy.

Czy nie jest tylko przycisk z

type=submit 

złożyć formularz. Lub dowolny przycisk w formularzu powoduje przesłanie formularza?

Answer 1

Posiadanie numeru false w funkcji o nazwie onclick uniemożliwi przesłanie formularza. :)

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

Answer 2

Nie trzeba używać Javascript. Po prostu ustaw type="button", aby zastąpić niejawne type=submit. Można to również znaleźć w specyfikacji HTML5, jak tutaj wspomniano: https://stackoverflow.com/a/9643866/2175370