网站首页 网站建设 IT知识 IT知识教程 使用JQuery在TextBox中来禁止/使能按钮

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

2021-05-02 21:13: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的架构师。他的博客地址: http:///Articles/110242/Quick-Tip-Disable-Enable-Button-by-Textbox-using-j.aspx

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

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

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP