爲什麼點擊未標記爲提交的按鈕會導致提交表單？

這是我的表單。問題是，當我點擊它記錄了我關閉的第二個按鈕爲什麼點擊未標記爲提交的按鈕會導致提交表單？

<form action="/Account/LogOff" 
     id="logoutForm" 
     method="post"> 
    @Html.AntiForgeryToken() 
    <button class="small" type="submit" >Logout</button> 
    <button id="theme" onclick="setThemeColor(this)">#</button> 
</form>

來源

2013-10-21 Samantha J T Star

那只是button'的工作方式'。 –

可以取消元素，它是在提交這種情況下，通過返回假的默認事件;

增加：

如果屬性未指定，或者如果屬性被動態地改變到一個空的或無效值，按鈕將表現爲一個提交。由於您的按鈕爲have not specified type attribute，因此它的行爲類似於提交。

來源

2013-10-21 16:49:13 Kaf

的確如此，但問題是「爲什麼會發生？」不是「我怎樣才能阻止它？」（儘管後者是隱含的）。 –

@DavidThomas：默認事件是提交這是通過返回false取消。我會更新答案以使其更清楚。 – Kaf

因爲按鈕的默認類型是submit。見https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

出於這個原因，你必須阻止這種行爲無論是通過JS，或通過設置其類型button

<button id="theme" onclick="setThemeColor(this)" type="button">#</button>

來源

2013-10-21 16:49:49

謝謝。這很有幫助，但jeez，鈕釦在過去的表現並不像這樣，當然...... – MSC

，如果你使用input標籤指定按鈕時，它不會發生。奇怪而真實。

如：

<input type="button" id="theme" onclick="setThemeColor(this)" />

檢查演示在這裏：http://jsfiddle.net/Kjk4y/

來源

2013-10-21 17:02:38

爲什麼點擊未標記爲提交的按鈕會導致提交表單？

回答

相關問題