HTML textarea输入框限制长度

textarea在Web开发中经常用到，但是它本身不支持maxlength，可以通过下面的js实现：

 

function limit_textarea_input() {
    $("textarea[maxlength]").bind('input propertychange', function() {
        var maxLength = $(this).attr('maxlength');
        if ($(this).val().length > maxLength) {
            $(this).val($(this).val().substring(0, maxLength));
        }
    })
}

 

通过侦听input事件(firefox, safari...)和propertychange事件(IE)，限制textarea输入框的长度。

这样给需要限制长度的输入框加上maxlength属性就可以了：

<textarea rows='5' cols='50' maxlength='250' name=''></textarea>

然后页面加载上绑定事件即可：

$(limit_textarea_input)

评论

3 楼 nick.s.ni 2011-11-29  

使用jquery加的操作，確實不錯。

2 楼 yuyong112 2011-10-31  

这个兄弟 太佩服你了 竟然加一个maxlength 属性  它都没那个啊

1 楼 zhuqing08 2010-03-17  

能上传一个demo最好