阻止form表單提交的問題

2022-03-17 08:51:24 字數 473 閱讀 4783

阻止form表單提交這種場景可能在生活中,我們經常碰到,而在我們第一印象裡面可能我們用return false 去阻止表單預設行為。

但是,有中情況我們用return false 不能阻止表單提交

class="

warp

">這裡有更多的知識分享,交流。

以上**我們看著,好像沒有錯誤,但是,表單依然可以提交,測試環境chrome。

但是我們將return false 改成用 e.preventdefault(),卻可以達到阻止表單提交的效果:

class="

warp

">這裡有更多的知識分享,交流。

另一種就是將其改成用onsubmit:

class="

warp

">這裡有更多的知識分享,交流。

參考資料 

js阻止form表單重複提交

防止表單重複提交的方法總體來說有兩種,一種是在js中阻止重複提交 另一種是在後台利用token令牌實現,大致思路是生成乙個隨機碼放到session和form表單的隱藏輸入框中,提交表單時兩者對比,表單處理完畢清空或者修改session中的token。在js中處理簡單易懂,同時能解決我現在所做的專案中...

form表單提交問題

1.提交後不能跳轉到指定頁面 jsp js提交事件處理 btn primary click function function data 這種寫法在頁面點選儲存後在當前頁面跳轉,而不執行post請求function data 中的方法 window.history.back 返回到上一級歷史頁面,分...

ajax提交form表單問題

form表單提交資料可以省下大量大量獲取元素的 區域性重新整理時也可以用ajax提交form表單,但是要先把表單序列化,再把後台j abean物件序列化,但是你有可能前後臺都執行了系列化,但是後台還是接受不到物件,會出現400錯誤,400錯誤為請求錯誤,很多時候是引數異常,表單序列化出現400錯誤,...