如何在用户键入文本框时在aspx中启用按钮

时间:2013-04-10 10:09:05

标签: javascript asp.net

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

3 个答案:

答案 0 :(得分:0)

您需要在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,您需要在控件(例如TextBox)上使用ClientIDMode="Static"以获取用于JavaScript的静态ID,否则上面的代码会赢得'工作。

答案 1 :(得分:0)

您的输入文本框,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");
   }
}

答案 2 :(得分:0)

这是我的fiddle

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