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)  
comments powered by Disqus