【パピコ様】送信ボタンの多重クリック防止

フォーム送信ボタンの多重クリック防止についてご相談頂きました。

送信ボタンの多重クリック防止

こんにちは。
現在、問い合わせフォームのところで、送信ボタンを何回も押すと、押した回数同じメールが送信されるという問題が発生してます。
そこで、一度送信ボタンを押したら、押せないようにするjavascriptを入れようと思っております。
画像にある送信ボタンにjavascriptを組み込むためには、どこにコードを書けばよいか教えていただきたいです。

ちなみに入れようとしているコードは以下です。

function DisableButton(a)
{
a.disabled = true;
a.value = ‘送信中です’;
a.form.submit();
}

回答

>パピコさま
ご相談ありがとうございます。

多重クリック防止について、記述場所はscriptタグで囲えば基本的にどこでも大丈夫です。
ただ、コードの整合性についてはどのようなフォームかにもよると思うので、言及することはできません。

<script>
 ここに記述
</script>

利用中のサイトはWordPressでしょうか?
もしWordPressであれば、プラグイン導入の検討もしてみましょう。
既存のプラグインやソースは大概が多重クリックの対策はされていると思います。

参考にして頂ければ幸いです。
確認画面やエラー画面、完了画面(サンクスページ)も遷移自由なフォームプラグインMW WP Form

コメントを残す

メールアドレスが公開されることはありません。

コメントの前にご確認ください。

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 当ページによる一切の不利益および損害に関し、責任を取ることはできません。