javascript - ユーザーがテキストボックスに入力したときに aspx でボタンを有効にする方法

Question

aspxページで、ユーザーが特定のテキストボックスに入力したときにボタンを有効にする必要がある検証を行う必要があります

Answer 1

ID「textBox」の入力テキストボックス

<input type="text" id="textBox" />

最初は無効になっている ID「btn1」のボタン。

<button type="button" id="btn1" disabled="disabled">Button</button>

ボタンを有効または無効にする JavaScript

$("#textBox").change(function() {
   if ($("#textBox").val() != "")
   {
      $("#btn1").removeAttr("disabled");
   }
   else
   {
      $("#btn1").attr("disabled", "disabled");
   }
}

Answer 2

(jQuery を使用している場合) 次のように、JavaScript でこれをクライアント側で行う必要があります。

var $textbox = $('#yourTextboxId');

var content = $textbox.val(); // Get your original textbox value

$textbox.keyup(function() { 
    if ($textbox.val() != content) { // Text has changed, enable your button
        content = $textbox.val();
        $('#yourButtonId').removeAttr('disabled');
    }
});

補足として、.NET では、ClientIDMode="Static"JavaScript で使用する静的 ID を取得するために、コントロール (TextBox など) で を使用する必要があります。そうしないと、上記のコードは機能しません。

Answer 3

これが私のフィドルです

 $('#TextBoxId').keyup(function () {
            if ($.trim($(this).val()) != '') {
                $('#ButtonId').removeAttr('disabled');
            }
            else {
                $('#ButtonId').attr('disabled', 'disabled');
            }
        });