我經常發現自己要經常處理客戶端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的架構師。