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

问题描述

如何在 textarea 中设置 maxlength ？为什么 maxlength 在 textarea ？

解决方案

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

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

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

< pre $ $（function（）{
$（textarea [maxlength]）。 （this）.attr（'maxlength'）;
if（$（this）.val（）。length> maxLength）{
$（this）.val（$（this）.val ）.substring（0，maxLength））;
}
}）
}）;


确保绑定了输入和 propertychange 事件，使其可以在各种浏览器（如Firefox / Safari和IE）上运行。

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

解决方案

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

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

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));  
        }  
    })  
});

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屋！