ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryで送信ボタンを動的に有効/無効にする方法は?

jQueryで送信ボタンを動的に有効/無効にする方法は?

Barbara Streisand
Barbara Streisandオリジナル
2024-11-10 17:42:03191ブラウズ

How to Dynamically Enable/Disable a Submit Button in jQuery?

jQuery を使用した送信ボタンの無効化と有効化

フォームを操作する場合、特定の条件が満たされるまで送信ボタンを無効にすることが望ましいことがよくあります。この場合、テキスト フィールドが空の場合は送信ボタンを無効にし、テキスト フィールドに値が含まれている場合は有効にします。

変更イベントが毎回トリガーされないため、提供されたコードは正しく機能しません。キーが押された時間。代わりに、このシナリオでは keyup イベントが推奨されます。

最適化されたソリューションは次のとおりです:

$(document).ready(function() {
    $(':input[type="submit"]').prop('disabled', true);
    $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
            $(':input[type="submit"]').prop('disabled', false);
        } else {
            $(':input[type="submit"]').prop('disabled', true);
        }
    });
});

このソリューションは、キーストロークの発生時にキャプチャする keyup イベントを利用します。テキスト フィールドが空の場合 (つまり、値が空の文字列である場合)、送信ボタンは無効のままです。ただし、文字を入力するとすぐに送信ボタンが有効になります。フィールドが再び空になると、送信ボタンは再び無効になります。

以上がjQueryで送信ボタンを動的に有効/無効にする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。