如何覆蓋（禁用）表單標籤內的按鈕標籤的「提交」行爲？

Question

<form action=""> 
    <button>click</button> 
</form>` 

表單內按鈕的默認行爲是提交該表單。

如何禁用該按鈕的提交行爲？

Answer 1

一個type="button"添加到它：

<button type="button">Click</button> 

---

類型速效是：

• 「提交」：默認值。提交表單。
• 「重置」：重置表單的輸入。
• 「按鈕」：什麼都不做。

一個很好的參考：https://developer.mozilla.org/en/DOM/HTMLButtonElement

Answer 2

這將禁用通過JavaScript

<button onclick='return false'>click</button> 

但是你可以定義

<button type='button'>click</button> 

Answer 3

有要保持場合類型一個submit按鈕的細微差別（例如，在移動設備上，其中的submit按鈕可以通過鍵盤觸發，但前提是按鈕是表格的一部分，並且類型爲submit）。在這種情況下，你需要做的是防止按鈕的默認操作。

使用jQuery 1.7+（使用.on - 我強烈建議你閱讀的文檔 - 有許多細微之處使用.on，可大大影響性能）

$(document).on("click", "button", "event", function(evt) { 
    evt.preventDefault(); 
    ... 
} 

使用老版本的jQuery ...

$("#button-id").bind("click", function(evt, ui) { 
    evt.preventDefault(); 
    ... 
} 

請注意，您可以使用任何選擇器（按類，元素類型等）或綁定到事件的方法（而不是.bind，使用.live,.delegate作爲ap適合你的jQuery版本。