如何停用表單標籤內按鈕標籤的「提交」行為?
P粉461599845
P粉461599845 2023-08-24 15:00:36
0
2
453
<p><pre class="brush:php;toolbar:false;"><form action=""> <button>click</button> </form></pre> <p>按鈕在表單內的預設行為是提交該表單。 </p> <p>我如何停用該按鈕的提交行為? </p>
P粉461599845
P粉461599845

全部回覆(2)
P粉714844743

有時你想要保留一個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,使用適合你的jQuery 版本的.live.delegate 等)。

P粉238355860

在它上面加上 type="button"

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

可用的型別有:

  • "submit":預設值。提交表單。
  • "reset":重置表單的輸入。
  • "button":無操作。

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!