在 Html Textarea 中设置 maxlength [英] Set maxlength in Html Textarea

问题描述

如何在 textarea 中设置 maxlength?为什么 maxlength 在 textarea 中不能正常工作?

How can I set the maxlength in a textarea? And why maxlength is not working properly in textarea?

推荐答案

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

Before HTML5, we have an easy but workable way: Firstly set an maxlength attribute in the textarea element:

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

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

Then use JavaScript to limit user input:

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

确保绑定input"和propertychange"事件以使其在各种浏览器(例如 Firefox/Safari 和 IE)上工作.

Make sure the bind both "input" and "propertychange" events to make it work on various browsers such as Firefox/Safari and IE.

这篇关于在 Html Textarea 中设置 maxlength的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！