• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐための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>



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください