さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】ダブルクリックを防止する(form送信時対応)

Pocket
LINEで送る

formの送信ボタンを連打されても複数送信されないようにする方法です。

javascript

var clickFlg = true;
$(".submit-btn").on("click", function() {
	if(clickFlg) {
		// イベント処理中はフラグをoff
		clickFlg = false;

		// クリック処理
		document.forms['form1'].submit();
	} else {
		// イベント処理中は処理させない
		return false;
	}
});

カテゴリー:イベント, HP制作, JQuery

コメントを残す

コメント内容