如何防止按鈕提交表單？

自訂表單中的按鈕行為

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

問題：

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

解決方案：

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

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

附加說明：

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

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