フォームを作っているのですが、送信フォームを2,3回クリックする人がいるので制限をかけたいのです。
・ボタンを2回以上押すと2回目以降の送信を無効化する
・一定時間以内に何度送信ボタンを押しても1回しか有功化しない
のいずれかになると思うのですが、制限のかけ方が分からなく困っております。
JavaScriptで入力チェック(onClickで外部JSファイルのformSendを呼びにいきます)を別に行っているので、現在送信ボタンタグは下記のようになっています。
<input type="button" value="送信" onClick="formSend()">
どなたかお知恵をお貸しください。
No.2ベストアンサー
- 回答日時:
NN4 では、ボタンの disabled プロパティが使用できないので、送信フラグを用意するのが良いと思います。
それと、formSend() を button の onClick で起動していますが、これは FORM の onSubmit で実行し、submit ボタンを使用するほうが良いです。(テキストボックス内での [Enter] でも送信されるブラウザがあり、この場合、button の onClick では、これをチェックできないのです。)
また、onSubmit には bool 値を返すことで、本来の送信の役割を制御することが出来ます。今回は関数内で submit() を実行しているでしょうから、呼び出し部には false を返すようにしましょう。(trueを返すと、2回送信されます。)
あと、これは好みにもよりますが、formSend() 内ではフォームの内容を見るので、フォームオブジェクトを受け取るようにすると記述量が減って楽です。
まとめると、こんな感じでしょうか。
■スクリプト部
var f_submit = false;
function formSend(f) {
if (! f_submit) {
f_submit = true;
// 入力チェック
f.submit();
}
return false;
}
■フォーム部
<FORM name="form1" onSubmit="return formSend(this)" …>
:
<INPUT type="submit" value="送信">
この回答への補足
ご丁寧に質問にお答えいただき、光栄です。
formSend() のチェックをしない場合、スクリプトの記述は変わってくるのでしょうか?
すみませんが教えてください、お願いします。
No.3
- 回答日時:
> formSend() のチェックをしない場合、スクリプトの記述は変わってくるのでしょうか?
入力チェックはしないけど、二重送信防止はしたい、ということでしょうか?
だったら、No.2のスクリプト部から「入力チェック」の部分を削るだけでOKです。
他の部分には、手をつける必要はありません。
# 別のことを聞かれているのだとしたらゴメンナサイ。
# その場合は補足をお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの 4 2022/11/22 10:30
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- Excel(エクセル) アンケート集計用VBAについて教えて下さい。 約100人にアンケート内容が入ったExcelファイルを 1 2022/07/27 13:12
- HTML・CSS htmlで画面遷移させたい 1 2022/10/28 18:19
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
このQ&Aを見た人はこんなQ&Aも見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
コマンドボタンに二回目のマクロ実行しない設定を
Visual Basic(VBA)
-
Excelのマクロボタンをダブルクリックされて困っています
Visual Basic(VBA)
-
最初の1回のみにボタンクリックでマクロ実行する
Visual Basic(VBA)
-
-
4
Accessフォームのボタンの二度押し禁止
Access(アクセス)
-
5
ボタンクリックイベント 重複防止について
C言語・C++・C#
-
6
クリックイベントなのに、2回クリックしないとフォー
Access(アクセス)
-
7
DoEventsがやはり分からない
Visual Basic(VBA)
-
8
VBAでダブルクリック禁止
Visual Basic(VBA)
-
9
EXCEL VBAで全選択範囲の解除
Excel(エクセル)
-
10
VBA シートのボタン名を変更したい
Visual Basic(VBA)
-
11
VBA 数式を残して値をクリアについて
Excel(エクセル)
-
12
javascriptで二重送信防止
JavaScript
-
13
メッセージボックスを前面に表示させるには?
Visual Basic(VBA)
-
14
別のフォームで記述している関数を実行するには?C#
C言語・C++・C#
-
15
VBAにて 文字と数字が混在してるデータの並び替え
Excel(エクセル)
-
16
visual studio でインデントを自動的に揃えるショートカットキー
その他(プログラミング・Web制作)
-
17
VBA シート名が一致した場合の転記内容について
Visual Basic(VBA)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
ボタンを押すとチェックボック...
-
JavaScriptにおいてPOSTで送信...
-
submitがおされた同時に JavaSc...
-
画像の回転(ボタンで制御)
-
ボタン無しでフォーム内容送信
-
Javascriptで二重送信を防止し...
-
送信フォームで送信ボタンをお...
-
onclickをEnterキーでも行いたい
-
jsで質問です。 ボタンが二つ存...
-
インラインフレームにボタンク...
-
ボタン2回押しを無効にしたい
-
confirm()で表示したダイアログ...
-
プルダウン 項目が多いので先頭...
-
<input>の選択肢をプルダウンメ...
-
TextBoxに半角数字以外を入れた...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
二つの入力欄に、同時に同じ文...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタン2回押しを無効にしたい
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
フォーム内で記入したクエリ送...
-
ボタンを押すとチェックボック...
-
disabled プロパティが表示され...
-
confirmのOK・キャンセルを押し...
-
onClick="this.form.submit
-
onclickで2個指定するには?
-
onclickをEnterキーでも行いたい
-
confirm()で表示したダイアログ...
-
印刷プレビュー後のウィンドウ...
-
送信フォームで送信ボタンをお...
-
HTAで、こんなボタンが作りたい。
-
確認ダイアログの出し方(JavaS...
-
shiftキーを押しながらコマンド...
-
jsで質問です。 ボタンが二つ存...
-
formで複数のボタンからひとつ...
-
メッセージボックスで「はい」...
-
JavaScriptにおいてPOSTで送信...
おすすめ情報