html怎么设置输入框的长度限制 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属性就可以了：

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

$(limit_textarea_input)