【jQuery】お問い合わせフォームの二重送信を防ぐ方法【コピペでOK】
「フォームの二重送信を防ぐにはどうしたらいいんだろう？」
そんな方向けにフォームの二重送信を防ぐ方法を紹介させて頂きます。
とはいえ、とても簡単です。
お問い合わせフォームの二重送信を防ぐ方法
二重送信を防ぐには、フォームのsubmitボタンが押された際に、ボタンに対してdisabledを指定してあげればOKです。
disabledを指定すると、ボタンを一度押したら、2回目からは押せなくなります。
以下のコードをコピペして、ボタンのクラス名の部分を対象のsubmitボタンのクラス名に変更しましょう。
jQuery(function(){
var flag = true;
$(".ボタンのクラス名").on('click',function(){
if(flag){
flag = false;
}else{
$(this).attr("disabled", "disabled");
}
})
});
おわりに
フォームの二重送信を防ぐ方法でした！
この方法なら、「MW WP Form」のようなプラグインを使用しているお問い合わせフォームでも二重送信も防ぐことができます。