jQueryで二度押し防止

jQueryを使ってフォーム送信時の二度押しを防止

disabled

Submitと同時にボタンが無効になるパターン。

jQuery

$(function () { $('form').submit(function () { $(this).find(':submit').prop('disabled', 'true'); }); });

サンプル

送信処理はsleepで3秒遅延。

hidden

Submitと同時にボタンが非表示になるパターン。

jQuery

$(function () { $('form').submit(function () { $(this).find(':submit').attr('visibility', 'hidden'); }); });

サンプル

value

Submitと同時にvalueが変更になるパターン。

jQuery

$(function () { $('form').submit(function () { $(this).find(':submit').val('送信中...'); }); });

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について