Javascriptで送信ボタンの2重クリックを防止する方法

jQueryを使って2重送信を防止する方法を紹介します。
Javascript
$(function(){
  var isSubmitClicked = false;
  $('#submitBtn').click(function(){

   if(isSubmitClicked) {
        alert('既にクリック済みです。お待ちください。');
        return false;
    }

    isSubmitClicked = true;
});
HTML
<form>
 <input type="submit" id="submitBtn" value="送信" />
</form>
カテゴリ:

人気記事