jQueryで二重送信を防止する

Pocket
4 interests

jQueryを使った二重送信防止のサンプルをメモしておきます。

上記のソースコードを form.phpとでも名前を付けて保存をし、実行してみてください。送信ボタンが変化することを確認できると思います。
22行目以降のPHPでのsleep処理は、ボタンが押せなくなったこと、またボタンの文言が変化したことを確認する為に入れているものなので、実際には必要ありません。

上記の例では、汎用性を高めるため、エレメントセレクタを使用しています。パフォーマンスを求める必要があるのであれば、IDセレクタを用いた方が良いでしょう。
また、あくまでJavaScriptでの処理なので、必ず二重送信を防止できるわけではないということも、留意しておいてください。

以上です。

Pocket
4 interests