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

时间:2021-05-02

我经常发现自己要经常处理客户端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的架构师。他的博客地址: http:///Articles/110242/Quick-Tip-Disable-Enable-Button-by-Textbox-using-j.aspx

本文源自:翔宇亭——IT乐园(http://),转载请保留此信息!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章