WEB開発

[JQuery]submit多重送信防止

※本サイトはPR表記を含みます。

重要な箇所には多重送信防止しておくとよいのかもね。

jQueryはよろしくロードしてね。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script>
// 多重送信防止
$('form').submit(function () {
$(this).find('input[type="submit"]').prop('disabled', 'true').val('送信中...');
});
</script>
<script> // 多重送信防止 $('form').submit(function () { $(this).find('input[type="submit"]').prop('disabled', 'true').val('送信中...'); }); </script>
<script>
// 多重送信防止
$('form').submit(function () {
    $(this).find('input[type="submit"]').prop('disabled', 'true').val('送信中...');
});
</script>

フォームがサブミットされた際、インプットタイプのサブミットを検索した上でdisabledにする。

ついでにその対象のサブミットボタンの名前(val値)を「送信中...」に変更した形にしてみました。

-WEB開発
-

S