jQuery submit() 不生效？因為 validate 插件攔截了提交——改用 DOM 原生 submit()

現象

綁定 click 事件執行 c.submit()（c 為 jQuery 對象），表單不提交，無網絡請求，但 action/method 已正確設置。

根因

• jQuery.fn.submit() 會觸發 jQuery 內部的 submit 事件流程。
• 項目引入 jquery.validate，該插件在 submit 事件中攔截並驗證表單；驗證不通過時 return false 取消提交。
• 此時表單可能已通過驗證，但插件還有其他邏輯（如 submitHandler）導致流程偏離。

解決方案

// ❌ 錯誤
c.submit();

// ✅ 正確：繞過 jQuery 事件體系，直接調用 DOM 原生 submit()
c[0].submit();   // c 是 jQuery 對象，c[0] 是原生 HTMLFormElement

原理對比

最佳實踐建議

1. 優先走 validate 的 submitHandler 統一提交邏輯，保持驗證與提交一致。
2. 確需繞過驗證（如導出、下載），才用 form[0].submit()。
3. 避免同一表單同時綁定 click 手動提交與 validate 自動提交，雙重綁定極易產生競態。

理解 jQuery submit() 與 DOM submit() 的本質區別，一鍵解決「驗證通過卻提交不了」的疑難雜症。