Q&A
「ボタンをおしても何も起こらない」のは「普段どおりに送信が進んでしまって2回押せる」のか「送信すらなされない」のか、どちらでしょうか？
下記申込フォームを作成しております
送信ボタンを1回押したら再度押せないようにしたいと思って
https://allabout.co.jp/gm/gc/23959/
上記ページを参考に実装してみたのですが、
なぜか送信されない状況です。
googleフォームを自分のフォームにあてこんで作成しております
javascriptはあっていると思うのですが
ボタンをおしても何も起こらない現状です
どなたかご確認お願いします
html
1<body> 2<ul> 3<form action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSeIXnBye-VM3Ti1tboQFZ3MRxzgEtASKNKr2N0yoDMtvVWSgA/formResponse" method="post" 4 target="hidden_iframe" onsubmit="submitted=true;"> 5 6 7 8<li> 9<br>参加者氏名 <span class="haveto">必須</span></br> 10<input name="entry.1380337432" type="text" required="required" id="name" class="g_form" placeholder="太郎"> 11</li> 12 13<!-- 送信 --> 14 <div class="p-form__btn"> 15 <input type="submit" value="次へ"onclick="disabled = true;"> 16 17 </div> 18 <!--//End 送信 --> 19</form> 20</body>
javascript
1<script type="text/javascript">var submitted = false; 2var currentURL = window.location.href;</script> 3 4<script type="text/javascript">var submitted = false;</script> 5<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted){window.location='mail-thanks';}"></iframe>
回答2件
0
ベストアンサー
html
1 <input type="submit" value="次へ"onclick="disabled = true;">
この手法は、フォームの送信ボタンには使えません。ボタンを無効にするとフォーム送信も無効になってしまうからです。
かわりに、submitイベントの中で送信ボタンを無効化するのはいかがでしょうか。
html
1<form action="..." method="post" target="..." 2 onsubmit="submitted=true; this.querySelector('input[type=submit]').disabled=true;">
投稿2021/03/02 03:35
編集2021/03/02 03:36
総合スコア20872
0
困ったときのsetTimeout
javascript
1<input type="submit" value="次へ" onclick="setTimeout(()=>disabled=true,0)"> 2
投稿2021/03/02 03:45
総合スコア114829
あなたの回答
tips
プレビュー
