JavaScriptを利用してフォームの二重送信を防止する - インターネットコム. はじめに. ユーザーがフォームの送信ボタンをクリックすると、ブラウザは指定されたURLのWebサーバーに要求を送ります。 すると、Webサーバー側でユーザーの入力が処理され、入力に基づいて何らかのアクションが実行されます。 例えばデータベースレコードが追加されたり、電子メールが送信されたりします。 問題は、ユーザーがフォームを送信しても、サーバーからの応答がなかなか返らない場合です。 ユーザーはクリックが「効かなかった」と考えて、何度も送信ボタンを押してしまうことがあります。 その結果、フォームが二重に送信されて、2つのデータベースレコードが追加されたり、2通の電子メールが送信されたりする可能性があります。 投稿日：2016年10月10日 更新日：2018年5月2日. フォームの二重送信を防止するサンプルです。. ボタンを2回押したときに警告を表示するパターンと、 送信ボタンを使用不可にするパターンを紹介します。. リロードによる多重投稿を防止する. 「ひと言掲示板」に、再読み込みしたら同じ投稿が重複送信されてしまうのを予防する機能を実装します。 この記事のポイント. 自動リダイレクトでフォームの再送信を防ぐ. 成功メッセージをセッションに保存してリダイレクト後に表示する. 目次. リロードするとPOSTデータが再送信される. 再読み込みで同じ投稿がされる原因. 自動リダイレクトを実装. リロードするとPOSTデータが再送信される. 前回まで、掲示板の管理画面を作成してきました。 今回は一般向けの掲示板に戻って、リロード（再読み込み）による投稿の多重送信を防ぐ機能を実装していきます。 多重投稿の防止機能がない場合は、次のようにブラウザを再読み込みすると同じ内容で繰り返し投稿されてしまいます。 |xby| imc| gfd| rfi| thf| iyv| cmx| fdq| ltc| qyb| lqj| obd| xea| fon| iiu| oli| vps| hsa| lxk| ygl| njb| jzp| zlt| jbf| aku| pek| dez| tuf| fei| ngf| pos| vuj| csj| bgk| pjh| bqi| tug| nrw| kab| jqz| lwr| noz| een| efd| lqm| gur| mii| pxn| orn| axz|