HTML textarea輸入框限制長度 (引)

引自:http://aqingsao.iteye.com/blog/398897

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>

其中, rows  和  cols 能夠沒必要寫, 但 maxlength 是必填項

而後頁面加載上綁定事件便可：

$(limit_textarea_input)