Vùng văn bản maxlength không hoạt động

Question

Tôi muốn đặt độ dài tối đa cho vùng văn bản. Tôi đang sử dụng sau mã cho giống nhau, nhưng nó không phải đang làm việc,

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

Nhưng nó không làm việc, phải mất ký tự vượt quá 50.

Answer 1

Không có maxlength thuộc tính được định nghĩa cho textarea. Bạn cần phải implement số using javascript này.

Answer 2

xin vui lòng sử dụng jquery để tham khảo

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

    $("#textareaId").maxLength(20); 

}); 
</script> 

Answer 3

maxlength thuộc tính cho textarea làm việc trong Chrome.

Answer 4

Độ dài tối đa của Yup không hoạt động trong vùng văn bản. Nhưng bạn có thể sử dụng jQuery một cái gì đó như thế này:

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 5

Bạn cần phải đặt nó vào thẻ HTML như thế này, đảm bảo bạn có airquotes "".

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

Answer 6

Đáp trên là đúng cho phiên bản trước đó của IE 10

Nếu bạn đang gặp vấn đề với maxlength attribure, đề nghị của tôi là kiểm tra phiên bản của trình duyệt của bạn đầu tiên. Thuộc tính maxlength là mới cho thẻ trong HTML5. Nó sẽ chỉ tốt trên IE 10+ hoặc Chrome.

Answer 7

này làm việc cho Ruby on Rails:

:maxlength => "10" 

mã ví dụ:

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

Answer 8

tôi đã cố gắng maxlength trong textarea, nhưng không tính các nhân vật một cách chính xác (còn đếm EOLs). Tôi sử dụng thuộc tính max_length thay vì thông thường 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 9

bạn có thể sử dụng

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