jQueryを使って、JavaScriptからformのsubmitを行いたい場合にsubmitが発火しないことがある。
この調査で1時間くらい取られてしまったので、記録しておく。
$form.submit()が発火しないコード
index.js
$form = $('form')
$form.submit() // 効かない。画面遷移しない。
index.html
<form action="/" method="post">
<input type="submit" name="submit" />
</form>
inputのname
にsubmit
と定義してしまうと
$form.submit()
実行時に、submitが発火せず、DOMが返却される。
解決策
jQueryでformのsubmitを行いたい場合は、nameに submit
以外のものを付与する。
例: name="submitBtn"
などに変更する。