我可以讓 <button> 不提交表單嗎?
P粉921130067
P粉921130067 2023-10-12 17:04:23
0
2
288

我有一個有 2 個按鈕的表單

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

我也在它們上使用了 jQuery UI 的按鈕,就像這樣

$('button').button();

但是,第一個按鈕也會提交表單。我本來以為如果沒有 type="submit" 就不會。

顯然我可以做到

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

但是有沒有辦法可以阻止後退按鈕在沒有 JavaScript 幹預的情況下提交表單?

說實話,我只是使用了一個按鈕,這樣我就可以使用 jQuery UI 對其進行樣式設定。我嘗試在連結上呼叫 button() ,但它沒有按預期工作(看起來很醜陋!)。

P粉921130067
P粉921130067

全部回覆(2)
P粉821231319

button 元素 a> 的預設類型為 submit

您可以透過設定按鈕類型來使其不執行任何動作:

P粉090087228

typebutton 元素的 /code> 屬性 「提交」。將其設為 type="button" 以產生一個不提交表單的按鈕。

HTML 標準的話:「什麼都不做。」

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