フォームを作っているのですが、送信フォームを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で質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
誕生日にもらった意外なもの
みなさんがもらった誕生日プレゼントで面白いものがあったらぜひ教えてください!
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
コマンドボタンに二回目のマクロ実行しない設定を
Visual Basic(VBA)
-
最初の1回のみにボタンクリックでマクロ実行する
Visual Basic(VBA)
-
Excelのマクロボタンをダブルクリックされて困っています
Visual Basic(VBA)
-
-
4
ボタンクリックイベント 重複防止について
C言語・C++・C#
-
5
Accessフォームのボタンの二度押し禁止
Access(アクセス)
-
6
クリックイベントなのに、2回クリックしないとフォー
Access(アクセス)
-
7
SQLで特定の項目の重複のみを排除した全項目を取得する方法
その他(プログラミング・Web制作)
-
8
Javascriptで二重送信を防止したいが、画像ボタンだとうまくいかない。
JavaScript
-
9
TextBoxに半角数字のみの入力しかできないようにしたい
Visual Basic(VBA)
-
10
return trueとreturn falseの用途・違いは・・・?
JavaScript
-
11
VB.net
Visual Basic(VBA)
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
同名ボタンのクリック時要素番...
-
確認ダイアログの出し方(JavaS...
-
VBScript
-
ボタンを押すとチェックボック...
-
confirmのOK・キャンセルを押し...
-
エンターキーによる検索。
-
javascript on off
-
呼出元画面の表示/非表示の切り...
-
HTAで、こんなボタンが作りたい。
-
掲示版で「送信」後、掲示版ウ...
-
送信フォームで送信ボタンをお...
-
onclickで2個指定するには?
-
JavaScriptを使ってボタンを消...
-
ポップアップページを出すとペ...
-
ネスケでテキストボックス内でE...
-
jsで質問です。 ボタンが二つ存...
-
javascriptで二重送信防止
-
JavaScriptにおいてPOSTで送信...
-
return trueとreturn falseの用...
-
プルダウン選択を変更すると、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitするとなぜか2度実行する
-
onClick="this.form.submit
-
confirmのOK・キャンセルを押し...
-
フォーム内で記入したクエリ送...
-
onclickをEnterキーでも行いたい
-
ボタン無しでフォーム内容送信
-
VBSでブラウザ上のテキストボッ...
-
onclickで2個指定するには?
-
ボタン2回押しを無効にしたい
-
確認ダイアログの出し方(JavaS...
-
sessionの値でボタンを活性・非...
-
送信フォームで送信ボタンをお...
-
jsで質問です。 ボタンが二つ存...
-
confirm()で表示したダイアログ...
-
JavaScriptにおいてPOSTで送信...
-
メッセージボックスで「はい」...
-
VBScript
-
Javascriptで二重送信を防止し...
-
HTAで、こんなボタンが作りたい。
-
印刷プレビュー後のウィンドウ...
おすすめ情報