javascript - 当用户输入文本框时如何在 aspx 中启用按钮

Question

在 aspx 页面中，我需要进行验证，当用户键入特定文本框时，我需要启用按钮

Answer 1

这是我的小提琴

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

Answer 2

您需要在 JavaScript 中执行此客户端，例如（如果您使用的是 jQuery）：

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"在控件（例如 TextBox）上使用才能获得与 JavaScript 一起使用的静态 ID，否则上述代码将不起作用。

Answer 3

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");
   }
}