onclickイベントでフォームの二重送信の防止をしたいと考えています。
<input "type="submit">が一つしかないページでは、
<input "type="submit" onclick="this.disabled=true;this.value='送信中';this.form.submit();" value="送信">
でうまくいったのですが、
2つ以上あるページだと、クリックすると空白のページに飛んでしまい、フォームが送信できませんでした。
どのようにすれば、<input "type="submit">が2つ以上あるページでも、この方法で二重送信防止を作動させることができるでしょうか。
ご教授よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
document.getElementByIdでも使って対象input要素を取得し、disabled = trueにすればいいのでは。
まずは、onClick()内に直接JavaScriptを書くのをやめればいいと思います。
https://developer.mozilla.org/ja/docs/Web/API/do …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリックカウンターの作り方
-
ホームページビルダーでメール...
-
VBSでブラウザ上のテキストボッ...
-
onclickで2個指定するには?
-
confirm()で表示したダイアログ...
-
sessionの値でボタンを活性・非...
-
一つのページで二つのFormを別...
-
ボタンを押すとチェックボック...
-
formでENTERとSUBMITボタンを押...
-
onclickをEnterキーでも行いたい
-
送信ボタンを押した後、target=
-
複数のsubmitによって送信する...
-
メッセージボックスで「はい」...
-
Javascriptで二重送信を防止し...
-
フォーム内で記入したクエリ送...
-
送信フォームで送信ボタンをお...
-
ボタン2回押しを無効にしたい
-
shiftキーを押しながらコマンド...
-
ie8 javascript submitできず
-
return trueとreturn falseの用...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
confirmのOK・キャンセルを押し...
-
onclickで2個指定するには?
-
ボタン2回押しを無効にしたい
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
JavaScriptにおいてPOSTで送信...
-
disabled プロパティが表示され...
-
確認ダイアログの出し方(JavaS...
-
onclickをEnterキーでも行いたい
-
jsで質問です。 ボタンが二つ存...
-
ボタン無しでフォーム内容送信
-
confirm()で表示したダイアログ...
-
ボタンを押すとチェックボック...
-
javascriptで二重送信防止
-
VBScript
-
メールフォーム:「必須項目」...
-
Javascriptで二重送信を防止し...
-
ホームページビルダーでメール...
おすすめ情報