ボタンの二度押し制御

Webアプリでよくある要求に、ボタンの二度押しをしてほしいというのがあります。
これは、ボタンを二度押すことによってリクエストが二回発生してしまい、データが二重に登録されるのを防止するためです。

よくある手法がJavaScriptでボタンを無効にしてしまう方法ですが、JavaScriptは設定で無効にできるため、サーバサイドでチェックを行うこともあります。

で、実際にJavaScriptで実装しているサイトを調べてきました。

[CodeZine]JavaScriptを利用してフォームの二重送信を防止する

この方法は画面をフリーズさせるので、視覚的にも分かりやすいと思います。


[手抜きぷろぐらまのメモ帳]ASP.NET & JavaScriptでコード汚染をしないで2度押し防止

タイトルにASP.NETとありますが、実際にはHTML上にSCRIPTタグを入れるだけなので、環境は何でもOKです。
スクリプトはjsファイルにしてしまえば再利用の効率も良くなりますし、ボタンだけでなくリンクなどにも効いてくれるため、大変使いやすいと思います。
アスペクトは便利ですねえ。

投稿者: ♪ 日時: 2007年02月20日 12:32 このエントリーをはてなブックマークに追加 このエントリーをYahoo!ブックマークに登録 Save This Page to del.icio.us このエントリーをlivedoorクリップに追加 このエントリーをニフティクリップに追加 このエントリーをBuzzurlに追加このエントリーをBuzzurlに追加 このエントリーをBlogPeople Tagsに追加 このエントリーをBlogPeople Instant Bookmarkに追加 このエントリーをPingKingポッケに追加 このエントリーをFC2ブックマークへ追加 このエントリーをnewsingへ追加 Yahoo!ブックマークでこのサイトを登録している人数 人が登録

トラックバック

このエントリーのトラックバックURL:
http://magicbox.sakura.ne.jp/mt/mt-tb.cgi/323

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)