时间: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邮箱联系删除。
最近写的一个测试程序在某些情况需要禁止用户误操作到退出按钮,结合网上找到的资料,实现了禁止和使能标题栏上的退出按钮:代码如下:禁止X按钮,并变成灰色:复制代码代
引子:在ASP.Net页面中textbox的index为1(或n),其后的提交按钮index为2(n+1),光标在textbox中,回车后自动焦点移动到后面的b
在网页设计过程中,经常遇见按钮的各状态效果。写了一个jquery扩展,使这个过程更方便!使用前注意引用Jquery;JqueryExtend.js:复制代码代码
问题:在自定义控件中使用,ReadOnly的TextBox通过js对TextBox赋值,页面刷新会导致TextBox中的值丢失。 解决办法:在TextBo
在html标签中设置按钮被禁用,可以使用如下代码在jquery中可以使用attr()函数修改按钮的disable属性$(“#test”).attr(‘disab