标题:使用JQuery在TextBox中来禁止/使能按钮
作者:网友
日期:2023-04-13 12:30:04
内容:
我经常发现自己要经常处理客户端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的架构师。