html - 在 Html Textarea 中设置最大长度

Question

<分区>

Answer 1

在 HTML5 之前，我们有一个简单但可行的方法: 首先在 textarea 元素中设置一个 maxlength 属性:

<textarea maxlength='250' name=''></textarea>  

然后使用JavaScript来限制用户输入:

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

确保同时绑定(bind)“input”和“propertychange”事件，使其适用于各种浏览器，例如 Firefox/Safari 和 IE。