文本区域最大长度不工作

没有 maxlength 为定义的属性 textarea . 你需要 implement 这 using javascript .

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

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

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

当达林·季米特洛夫的答案在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>

如果您对maxlength attribure有问题,我的建议是首先检查您的浏览器版本。maxlength属性是HTML5中标记的新属性。在IE 10+或Chrome上应该可以。

你可以用

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

:maxlength => "10"

代码示例:

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

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

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

 });
</script>