Dreamweaver Technique｜JAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTML｜XHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

フォームの二重送信を防ぐ

Webページの反応が遅いと、ユーザーが送信ボタンを複数回クリックして、同じ内容のフォームが重複して送信されることがあります。そこで、送信ボタンを2回以上クリックしたときにメッセージを表示して、二重送信を無効にする方法を説明します。

■　メッセージを表示するソースの記述

メッセージを表示する設定をJavaScriptで記述し、メッセージを表示するタイミングをフォームのタグコードに記述します。

1.　javaScript言語のスクリプトを入力するために、ツールバーの「コードビューの表示」アイコンをクリックして、コードビューを表示させます。

■　二重送信を無効にする関数の入力

以下のようなソースコードを<HEAD>~</HEAD>の間に記述します。

<script language="JavaScript" type="text/JavaScript"
<!--
　　　flg=false;
　　　function wsend(){
　　　　　　if (flg==true){ alart ("送信済みです"); return false;}
　　　　　　　　　else {flg=true; return true;}
　　　}
//-->

■　デザインビューの表示

ツールバーの「デザインビューの表示」アイコンをクリックして、デザインビューを表示させます。

■　タグコードの表示

フォームを送信するタイミングに関数を利用するために、フォーム全体を選択して右クリックでコンテキストメニューを表示させ、「タグコードの編集」を選択します。

■　関数を利用するコードの入力

「タグの編集」ウィンドウで、<form>タグのオプションの最後に「onSubmit = "return wsend()"」と追加入力します。

<< 戻る

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box