[JS]メールの二重送信を防止するjQueryプラグインjQuerty Form disable on submit

jQueryプラグイン・ライブラリ

2015.01.09

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

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

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

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

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>

$(function() {

$("form#mailform").disableOnSubmit();

});

</script>

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

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

</form>