form在onsubmit檢查後還是直接submit了?

我們常在網頁中使用form表單來傳遞資料,
然而在傳送之前我們必定要檢查每個欄位的資料,
看看是不是必填的都填了、資料格式是否正確等等。

通常我們會使用Javascript裡的 onsubmit來檢查,如:
<form onsubmit="checkForm(this);">
......
......
</form>
但後來卻常常發現就算在 checkForm() 中沒有呼叫 form.submit(),
form還是會自己忍不住就被丟出去了 orz,
這究竟是怎麼一回事呢?

後來在網路上查到了解決方法,
只要在 onsubmit="checkForm(this);" 加上 return
也就是變成這樣:onsubmit="return checkForm(this);"
然後不想送出 form時在 checkForm() 裡面 return false就好。

更多細節可以看原始連結:
onSubmit after checking return false and still submit

關鍵字:Javascript, form, 表單, submit, check, 送出, 檢查, 不要送出
參考資料:
1. onSubmit after checking return false and still submit


留言

相關文章

這個網誌中的熱門文章

【果粉必看】iPhone 11/Pro/Pro Max 刷卡回饋/分期攻略!

【玉山U Bear卡】網購5%超商8%電影20%,神卡登場必辦!

【玉山卡攻略】神卡雲集,依序辦卡拿新舊戶首刷最佳解!

【證件遺失補辦】身分證/健保卡/駕照/行照/信用卡總整理

【永豐DAWHO攻略】申辦大戶帳戶/信用卡最佳申辦順序!

【永豐大戶DAWHO】現金回饋信用卡國內2%國外3%最高8%!

【博客來折價券】博客來免費序號e-coupon分享(持續更新)

【全聯PX Pay】首刷/儲值/銀行卡友日+刷卡回饋最高25%!

【2020行事曆】109年人事行政局行事曆+連假請假攻略!

【玉山Only卡】神級紅利回饋!紅利倍多芬最高13倍=5.2%回饋無上限!