追記
html
1 <form method="POST" action="{{ $article->id }}" accept-charset="UTF-8" onclick="return confirm(Are you sure you want to erase?);"> 2 <input type="hidden" name="_method" value="DELETE"> 3 <input type="hidden" name="_token" value="{{ csrf_token() }}"> 4 <ul> 5 <li> 6 <button class="button big icon fa-trash" onclick="return confirm('Are you sure you want to delete it?')"> 7 Delete this article 8 </button> 9 </li> 10 </ul> 11 </form>
一応、Laravel 5.4使っています。
javascript
1$('form :submit').click(function (event) { 2 var TIMEOUT = 10000; 3 var target = event.target; 4 var $form = $(target).closest('form'); 5 var $submit = $form.find(':submit'); 6 7 // clickしたsubmitの値をhiddenに保存 8 var $hidden = $('<input/>', { 9 type: 'hidden', 10 name: target.name, 11 value: target.value 12 }).appendTo($form); 13 14 event.preventDefault(); 15 event.stopPropagation(); 16 17 // 全てのsubmitを無効化 18 $submit.prop('disabled', true); 19 20 // 時間経過でsubmitの無効化を解除 21 setTimeout(function () { 22 $hidden.remove(); 23 $submit.prop('disabled', false); 24 }, TIMEOUT); 25 26 $form.submit(); 27});
onclick="return confirm('Are you sure you want to delete it?')"
onclickでキャンセルできなくなりました。
どうすればキャンセルが効くようになるでしょうか?
回答1件
あなたの回答
tips
プレビュー