如何阻止表單提交


阻止form表單提交的幾種常見的方法

  1. 我們直接進入正題 這是測試的html表單代碼 提交給alert.html(原來說明是否提交成功,代碼就不貼了)(注意是button哦)

    如何阻止表單提交
  2.  

    JavaScript方法一:通過return false; 來阻止表單的提交 代碼如下圖

    如何阻止表單提交
  3.  

    JavaScript方法二:使用preventDefault()方法來阻止 這里ie6-ie8瀏覽器需要兼容一下哦 代碼如下圖 (運行結果和上面一樣就不演示了)

    如何阻止表單提交
  4.  

    JavaScript方法三:這里是另一種方法 也是經常用到 注意form提交是用input哦 剛剛是button

    input設置type="submit"后直接可以提交表單的,onsubmit通過驗證函數的返回值來決定是否提交表單

    如何阻止表單提交
  5.  

    這里是一個js函數  通過函數內的if等判斷語句驗證字段后 返回true或false 到form的onsubmit

    如何阻止表單提交
  6.  

    運行HTML頁面 點擊提交按鈕 會彈出窗口點擊確定 你會發現頁面沒有提交哦

    如何阻止表單提交

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM