- ·上一篇文章:JS截取子字符串的函数,能够区分汉字和英文字符
- ·下一篇文章:老外使用JavaScript写的波浪效果
使用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元素。
<inputid="btnUpdate"type="submit"value="Update"disabled/>
<%= Html.TextBox("txtAgentName") %>
本文作者:Gil Fink
Gil Fink 是ASP.NET和微软数据平台方面的专家,服务于SELA Groups的高级顾问和SELA Group的架构师。他的博客地址: http://www.gilfink.net
原文地址:http://www.codeproject.com/Articles/110242/Quick-Tip-Disable-Enable-Button-by-Textbox-using-j.aspx
!
使用JQuery在TextBox中来禁止/使能按钮