スポンサード

フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐためのjQuery プラグイン「jQuery Form disable on submit」のご紹介です。

※jQueryを使うため、サーバーサイドではなくクライアントサイドでの防止策になります。

jQuery Form disable on submit のダウンロード

以下のページよりjQuery Form disable on submit のファイルをダウンロードします。

jQuery Form disable on submit の設置

jQueryファイルと一緒にjquery.disableOnSubmit.js ファイルをを読み込みます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./jquery.disableOnSubmit.js"></script>
<script>
$(function() {
	$("form#mailform").disableOnSubmit();
});
</script>

フォーム部分のHTLM はこんな感じです。

<form id="mailform">
  <button type='submit' name='action'>送信する</button>
</form>

スポンサード