jQueryで二度押し防止

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

disabled

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

jQuery

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

サンプル

送信処理は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をよく書いています。