☰

ユーザーがフォームを2回送信するのを防ぐ方法 質問する

tag-icon • tag-icon javascript html
ユーザーがフォームを2回送信するのを防ぐ方法 質問する 
<input type="submit" name="btnADD" id="btnADD" value="ADD"/>

ユーザーが追加ボタンを 2 回クリックすると、同じデータがテーブルに 2 回送信されます。そのため、ユーザーが 2 回送信することを制限する方法について教えてください。

ベストアンサー1

フォームが送信されたら、送信ハンドラーをハイジャックして「無効にする」jQuery のハンドラーを添付します。

var $myForm = $("#my_form");
$myForm.submit(function(){
    $myForm.submit(function(){
        return false;
    });
});

送信ハンドラから「false」を返すと、フォームは送信されなくなります。ボタンを無効にすると、フォームの処理方法に奇妙な影響が出る可能性があります。このアプローチは基本的に副作用がなく、複数の送信ボタンがあるフォームでも機能するようです。

おすすめ記事