タイトルの通り、jquery 抜きで form で連続クリック禁止したいのですが、
良さそうだなと思ったのは下記のURLのコメントに載っているサンプルでした。
ただこちらの例が一般的に良い例なのかコメントをいただきたいのと、
最終的に javascript の form.submit() も検知できるように作りたいのですが、
どなたか良い例をご存知であればご教授ください。
<追記>
なんのために連続クリックを禁止するかというと、例えば登録画面などで、ユーザーが一度登録ボタンを押下後、サーバー側の処理中にユーザーがちゃんと押せたかな?と思って2度3度登録ボタンを押してしまうことがありますがそのユーザーの繰り返しのボタン押下操作を防止したいという意味です。
https://qiita.com/summer4an/items/311f8c83fc95e26772d2
javascript
1<script> 2(function() { 3 'use strict'; 4 5 document.addEventListener('submit', function(event) { 6 var target = event.target; 7 if (target.tagName.toLowerCase() !== 'form') { 8 return; 9 } 10 var elements = target.elements; 11 var i, len, element; 12 for (i = 0, len = elements.length; i < len; ++i) { 13 element = elements[i]; 14 element.disabled = true; 15 } 16 }); 17})(); 18</script>
回答2件
あなたの回答
tips
プレビュー