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

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

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

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

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

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

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

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

■ デザインビューの表示

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

■ タグコードの表示

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

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

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

<< 戻る

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