代码改变世界

控制文本框字符输入长度

2008-07-01 17:25  imddb  阅读(1434)  评论(1编辑  收藏  举报

在网上看了不少关于如何控制用户输入字符串长度的方法,始终没有找到令人满意的,园子里也有个贴子:最经典的实现字符数控制的方案哦!(完善版) 我心中满意的解决方案是用户体验较好,能够跨浏览器并能解决复制粘贴的问题,在前辈们的基础上改进了一下得到了一个让自己比较满意的方案,效果如下:

*限定的长度为5

单行文本框控制

多行文本框控制:



主要通过捕捉onpropertychange事件来实现,这个事件很好很强大它可以捕捉到元素属性的变化,如上例通过JS改变文本框的值也会触发这个事件,但这个事件是IE only的,FF/Opera/Safari下代替的事件是oninput(注意它并不完全等同于onpropertychange事件).
本示例在IE7/FF3测试通过,代码不多如需要请直接查看本页面源码。
hope this can help~