Question

我想设置textarea的最大长度。我使用以下代码，但它不起作用，

<textarea name="txtDescription" cols=10 rows=3 maxlength=50></textarea>

但它不起作用，需要超过50的字符。

Answer 1

maxlength没有定义textarea属性。您需要implement此using javascript。

Answer 2

Yup maxlength在textarea中不起作用。但你可以使用这样的jQuery：

    var $limitNum = 500;
    $('textarea[name="textarea_name"]').keydown(function() {
        var $this = $(this);

        if ($this.val().length > $limitNum) {
            $this.val($this.val().substring(0, $limitNum));
        }
    });

Answer 3

上述答案对于早期版本的IE 10是正确的。

如果您遇到maxlength属性问题，我的建议是先检查您的浏览器版本。对于HTML5中的标记，maxlength属性是新的。在IE 10+或Chrome上应该没问题。

Answer 4

我在textarea中尝试了maxlength，但没有正确计算字符数（也计算EOL）。我使用max_length属性而不是普通maxlength。

HTML：

<textarea name="whatever" max_length="100"></textarea>

JS：

$('textarea').keyup(function(){
  var maxlength = parseInt($(this).attr('max_length')),
      text = $(this).val(),
      eol = text.match(/(\r\n|\n|\r)/g),
      count_eol = $.isArray(eol) ? eol.length : 0,//error if eol is null
      count_chars = text.length - count_eol;
  if (maxlength && count_chars > maxlength)
    $(this).val(text.substring(0, maxlength + count_eol));
});

Answer 5

当Darin Dimitrov的回答在2010年发布时，maxlength属性显然没有实现。

知道，在2018年，它是。

<强>来源

caniuse
MDN

示例

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="container"> <label for="without">Without maxlength</label> <textarea id="without" class="form-control"></textarea> <br> <label for="with">With maxlength="10"</label> <textarea id="with" maxlength="10" class="form-control"></textarea> </div>

Answer 6

textarea的Maxlength属性适用于Chrome。

Answer 7

你可以使用

<textarea name="testString" onkeypress="if (this.value.length >= 250) { return false; }"id="" cols="30" rows="10" maxlength="250"></textarea>

Answer 8

您需要将其放入HTML标记中，确保您拥有airquotes＆＃34;＆＃34;。

＆＃13;

<textarea maxlength="5"></textarea>

＆＃13;

Answer 9

这适用于Ruby on Rails：

:maxlength => "10"

代码示例：

<%= text_area 'order', 'special_instructions_display', :size => "85x7", :maxlength => "10"  %>

Answer 10

请使用jquery作为参考

<script type="text/javascript">  
$().ready(function(){   

     $("#textareaId").attr('maxlength','20');   

 });
</script>

文本区域最大长度不起作用

10 个答案: