начальной загрузки HTML нажатие кнопки не отправить форму

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

Если false возвращен в функцию onclick, это предотвратит отправку формы. :)

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

Answer 2

Не нужно использовать Javascript. Просто установите type="button", чтобы переписать неявные type=submit. Это также можно найти в спецификациях HTML5, как указано здесь: https://stackoverflow.com/a/9643866/2175370