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

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

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

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

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

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

回答

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

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

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

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

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