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('送信中...');
});
});
サンプル
