首頁 > web前端 > js教程 > 如何防止按鈕提交表單?

如何防止按鈕提交表單?

DDD
發布: 2024-12-02 05:28:11
原創
599 人瀏覽過

How Can I Prevent a Button from Submitting a Form?

自訂表單中的按鈕行為

在表單中,通常有觸發不同操作的按鈕,例如提交表單或執行其他操作。但是,在某些情況下,可能希望按鈕在單擊時不提交表單。

問題:

考慮一個具有兩個按鈕的表單:一個「取消更改」按鈕和「提交」按鈕。這兩個按鈕都套用了 jQuery UI 按鈕樣式。但是,「取消更改」按鈕也會提交表單,即使它缺少 type="submit" 屬性。

解決方案:

的預設值按鈕元素的type屬性是「提交」。若要防止按鈕提交表單,請明確設定 type="button":

此修改指示瀏覽器按鈕在單擊時應“不執行任何操作”,以確保表單不受影響。

附加說明:

  • jQuery UI 按鈕()函數可用於增強按鈕和 input[type="button"] 元素的外觀。
  • 需要注意的是,設定 type="button" 將停用該按鈕的表單驗證。如果需要驗證,請改用 type="submit"。

以上是如何防止按鈕提交表單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板