首頁猿問單擊按鈕時禁用表單自動提交

單擊按鈕時禁用表單自動提交

JavaScript Html/CSS

慕碼人2483693 2019-12-25 10:55:24

我有一個HTML表單，其中使用了幾個按鈕。問題是，無論我單擊哪個按鈕，即使該按鈕的類型不是“ submit”，也將提交表單。例如：之類的按鈕<button>Click to do something</button>，導(dǎo)致表單提交。e.preventDefault()為這些按鈕中的每個按鈕執(zhí)行一次操作是非常痛苦的。我使用jQuery和jQuery UI，并且網(wǎng)站使用HTML5。有沒有辦法禁用這種自動行為？

查看完整描述

3 回答

阿波羅的戰(zhàn)車

TA貢獻1862條經(jīng)驗獲得超6個贊

像按鈕<button>Click to do something</button> 是提交按鈕。

設(shè)置type="button"以改變它。type="submit"是默認(rèn)值（由HTML建議指定）。

反對回復(fù) 2019-12-25

慕姐4208626

TA貢獻1852條經(jīng)驗獲得超7個贊

做您想要的事并不難。您可以嘗試使用return false（return false會覆蓋每個DOM元素的默認(rèn)行為），如下所示：

myform.onsubmit=function()

{

//do what you want;

return false;

}

然后使用myform.submit（）提交表單

或者：

mybutton.onclick=function ()

{

//do what you want;

return false;

}

但是我認(rèn)為Input type =“ button” / Button type =“ button”不會提交您的表單，您可以毫無問題地使用它們。

反對回復(fù) 2019-12-25

守著一只汪

TA貢獻1872條經(jīng)驗獲得超4個贊

<button>實際上是提交按鈕，它們沒有其他主要功能。您必須將類型設(shè)置為按鈕。

但是，如果您按如下所示綁定事件處理程序，則可以定位所有按鈕，而不必為每個按鈕手動執(zhí)行操作！

$('form button').on("click",function(e){

e.preventDefault();

});

反對回復(fù) 2019-12-25

3 回答
0 關(guān)注
791 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

單擊按鈕時禁用表單自動提交

單擊按鈕時禁用表單自動提交

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

單擊按鈕時禁用表單自動提交

單擊按鈕時禁用表單自動提交

3 回答

相關(guān)問題推薦

添加回答