引導HTML點擊按鈕而不提交表單

這裏是我的代碼引導HTML點擊按鈕而不提交表單

 <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

一個按鈕提交表單。或者表單中的任何按鈕觸發表單提交？

來源

2013-02-22 icn

我不熟悉bootstrap，但如果在添加行後使'add_user_group（）'函數返回false，會發生什麼？ – 2013-02-22 19:32:29

@AnthonyClark waw。它的作品（不會觸發表單提交）！ – icn 2013-02-22 19:34:37

在函數onclick中返回false會阻止表單提交。 :)

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

來源

2013-02-22 19:37:04

使用按鈕標籤的類型來按鈕像<按鈕類型=''按鈕「onclick =」Javascript：myFunction（）「>另一個任務 – 2018-01-02 09:08:38

無需使用Javascript。只需設置type="button"即可覆蓋隱含的type=submit。這也可以在這裏提到的HTML5規範中找到：https://stackoverflow.com/a/9643866/2175370

來源

2014-09-24 12:42:25

這應該是真正的解決方案。其他答案不會避免通過按Enter鍵提交表單一個表單字段 – 2015-09-16 20:36:42

該解決方案僅爲您提供樣式輸入，併爲您提供有限的樣式選項。 – 2017-03-22 11:58:00

引導HTML點擊按鈕而不提交表單

回答

相關問題