日別アーカイブ: 2010年7月2日

jQuery 二重送信防止

二重送信防止

二重送信のイメージ

一度クリックして反応が遅い場合、ユーザがせっかちな場合など、フォームの送信ボタンを連打されてしまう場合がある。

このとき、フォームの情報が2回送信されてしまうことになる。

つまり、同じデータを複数登録されてしまうことがある。

このように複数回のの送信を防止する仕組みはいくつかある。

ここではjQueryのプラグインを使って、防止するする方法を紹介する。

二重送信防止のイメージ(jQueryプラグイン)

次のような仕組みになっている。

最初にボタンをクリックされたときに、そのボタンをグレーアウトにしてクリックできなくする。

二重送信防止用のjQueryのプラグインのダウンロード、使い方は以下のサイトを参照してください。

プラグインのダウンロードおよび参考サイト:
http://www.alink.co.jp/tech/blog/2009/04/05/javascript-jqueryでフォームの2重送信を防ぐ/
http://www.evanbyrne.com/article/jquery-disable-on-submit-plugin
http://neta.ywcafe.net/001046.html