JQueryでsubmitボタン連打禁止

JQueryでsubmitボタン連打禁止を実装するのをすぐ忘れるのでメモ!

こんな感じにするのがいい。

$(function(){
    $(document).on('submit', function(event) {
      $('form').find(':submit').prop('disabled', true);
    });
});

因みに、ボタンのクリックイベントでdisabled属性を追加する方法でも良さそうなのだが、なぜかChromeでsubmitがキャンセルされてしまうのでうまくいかない。
そのため、formのsubmitイベントで処理する必要がある。

タイトルとURLをコピーしました