text formの値を変更してenterキーを押すと"Submitted!"が2回実行されてしまう。

前提

• $(form).on('change')イベントを登録し、formの値が変わった時にsubmit()をJSで実行するようにしている。

状況

• 無駄なリクエストが飛んでしまうので困った。
• formのオリジナルのsubmitイベントと、JSでsubmit()してるイベントの2種類が実行されてるらしい。

解決方法。

• .keypress()とか使って、enterキーを押した時はreturn falseするなど。
• あと、Eventオブジェクトの中にoriginalEventが入っているのがformオリジナルのイベントらしい。これも判断材料になるかもしれない。

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

JavaScript 第6版

JavaScript本格入門　?モダンスタイルによる基礎からAjax・ｊQueryまで

ゲームで学ぶJavaScript入門 HTML5&CSSも身につく！