フロント側の知識が皆無なのですが、送信ボタンの2度押しを制御したく。
一度クリックされたら送信ボタンをdisable化したいです。
さいきょうの二重サブミット対策
↑の、
「2. JavaScriptでのサブミットボタンのDisable化」の部分を参考にしました。
1度、送信ボタンを押してもDisableになりませんでした。
何度も押せてしまいました。
分かる方教えていただいたけないでしょうか。
宜しくお願い致します。
送信ページ
html
1<form action="Contacts/contact" id="test" method="post" accept-charset="utf-8"> 2 3 <div style="display:none;"> 4 <input type="hidden" name="_method" value="POST"/> 5 </div> 6 7 <input type="hidden" name="data[hoge][data]" value="xxxx" /> 8 9 <button type="submit" name="confirm" value="revise" class="btn btn-primary btn-md">修正する</button> 10 <button type="submit" name="confirm" value="send" class="btn btn-primary btn-md">送信する</button> 11 12</form> 13
駄目
javascript
1$(function () { 2 $('form').submit(function () { 3 //alert("TEST"); 4 $(":submit", this).prop("disabled", true); 5 }); 6}); 7 8
buttonにしたけど駄目
javascript
1$(function () { 2 $('button').submit(function () { 3 //alert("TEST"); 4 $(":submit", this).prop("disabled", true); 5 }); 6}); 7 8
これも駄目
javascript
1$(function () { 2 $('#confirm').submit(function () { 3 //alert("TEST"); 4 $(":submit", this).prop("disabled", true); 5 }); 6}); 7 8
【同日追記】
動作環境を追記致します
cakephp(2.7.8)
PHP 5.6
chorome
【実現したいイメージ】
1度送信ボタンを押すと、結果画面にすぐには遷移しないため、暫く送信ボタンをDisableにしたいです
【現状】
今は、送信ボタンを押しても何も変わらないため、遷移前に何度も送信出来てしまいます。
【同日さらに追記】
たくさんの方が回答くださり感謝してます。有難う御座います。
知識がないため、1つずつ言葉の意味を調べております。
時間が掛かりすみません。
もう少し詳しく追記致します。
よくある「お問い合わせ」ページを作っています。
送信ボタンのクリックで内容をメールを送信します。
コントローラで受け取って、メール送信し、結果画面を表示します。
ですが、送信ボタンクリック後、すぐに結果画面が表示出来ないため、その間に何度も送信ボタンが押せてしまいます。
回答4件
あなたの回答
tips
プレビュー