ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。