使用JQuery在TextBox中来禁止/使能按钮

我经常发现自己要经常处理客户端WEB页面中的事件来禁止或使能一个button控件。今天，我又一次来处理这样的事情，于是我想如果能共享这个代码会很妙。

在这个例子中，我通过判断文本框（TextBox）中是否含有指定的文本来禁止或使能一个Button控件。我借用jQuery以使代码更简单。注意这个方法同样可以运用到其它事件当中。

代码如下：

$(document).ready(function () {
           $('#txtAgentName').blur(function () {
                  if ($.trim(this.value) == "") {
                           $('#btnUpdate').attr("disabled", true);
                 }
                else {
                         $('#btnUpdate').removeAttr("disabled");
               }
           });
       });

正如你所看到的那样，我把那个事件封装在页面中，并将一个Blur事件绑定到id为txtAgentName的文本框（TextBox）上。在Blur事件中，我检查textbox的值，如果它是空的，则禁止button，否则激活button。这个例子中的页面中包含一个文本框和一个button元素。

<input id="btnUpdate" type="submit" value="Update" disabled />
        <%= Html.TextBox("txtAgentName") %>

本文作者：Gil Fink

Gil Fink 是ASP.NET和微软数据平台方面的专家，服务于SELA Groups的高级顾问和SELA Group的架构师。