CodeLab技術ブログ

プログラミング技術まとめ

JQueryでsubmitボタン連打禁止

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

スポンサードリンク

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

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

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

スポンサードリンク

コメントは受け付けていません。