阻止form表單提交的幾種常見的方法
-
我們直接進入正題 這是測試的html表單代碼 提交給alert.html(原來說明是否提交成功,代碼就不貼了)(注意是button哦)
-
JavaScript方法一:通過return false; 來阻止表單的提交 代碼如下圖
-
JavaScript方法二:使用preventDefault()方法來阻止 這里ie6-ie8瀏覽器需要兼容一下哦 代碼如下圖 (運行結果和上面一樣就不演示了)
-
JavaScript方法三:這里是另一種方法 也是經常用到 注意form提交是用input哦 剛剛是button
input設置type="submit"后直接可以提交表單的,onsubmit通過驗證函數的返回值來決定是否提交表單
-
這里是一個js函數 通過函數內的if等判斷語句驗證字段后 返回true或false 到form的onsubmit
-
運行HTML頁面 點擊提交按鈕 會彈出窗口點擊確定 你會發現頁面沒有提交哦