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)