JQuery如何在驗證表單失敗的情況下阻止表單提交

2021-07-15 10:33:25 字數 401 閱讀 8278

自定義驗證時,使用了return false和event.preventdefault(),但是驗證失敗之後表單還是提交了

這個問題我也碰到了,嘗試了多次也沒有用,在除錯的時候也發現確實return了false那為什麼還會提交呢

這個問題經過我的整理發現是對事件的認識和js的結構沒有了解清楚

return的false在onclick事件中沒有返回,所以onclick之後只是顯示了false值

解決方法:

在onclick事件中新增return關鍵字即可

οnclick="logincheck()"

改變成

οnclick="return logincheck();"

參考:

JQuery表單驗證

舉個例子,有這麼乙個表單 在這個表單中,有名 姓 使用者名稱 密碼 確認密碼和email。他們都為非空,並且電子郵件需要是格式正確的位址 確認密碼和密碼一致。使用jquery驗證最簡單的方式是引入jquery.js和jquery validation.js兩個js檔案。然後分別在input中加入cl...

jquery表單驗證

手機號碼驗證 中文字兩個位元組 jquery.validator.addmethod byterangelength function value,element,param return this.optional element length param 0 length param 1 請確保...

jquery表單驗證

順便吐槽星期六前端群裡的出來面基了,宅毛線,出來 嗨 表單驗證基於jquery beat1.0 相容ie6 author jounreyyao data 2015 07 02 function else if u4e00 u9fa5 i.test name else datayear functio...