2010-08-16 2 views
5

텍스트 영역에 최대 길이를 설정하고 싶습니다. 나도 같은 위해 다음 코드를 사용하고, 그러나,텍스트 영역 최대 길이가 작동하지 않습니다.

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

작동하지 않습니다 그러나 작동하지 않습니다, 그것은 textarea에 대해 정의 된 maxlength 속성이 없습니다 (50)

+0

중복 가능성을 사용할 수 있습니다 (HTTP [HTML, 자바 스크립트에 textArea의에 최대 길이를 부과하는 방법] : //stackoverflow.com/questions/1125482/how-to-impose-maxlength-on-textarea-in-html-javascript) –

답변

4

이상의 문자를합니다. 너 implementusing javascript이 필요합니다. 텍스트 영역은 크롬에서 작동을 위해

+3

자신의 "구현"링크는 HTML5에서 지원됨을 나타냅니다. –

-3

참조

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

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

}); 
</script> 
+1

SCRIPT438 : 개체가 'maxLength'속성 또는 메서드를 지원하지 않습니다. – Raghav

-1

최대 길이 속성을 jQuery를 사용하십시오.

1

최대 maxlength는 텍스트 영역에서 작동하지 않습니다. 하지만 다음과 같이 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)); 
     } 
    }); 
-2

이렇게 HTML 태그에 넣어야합니다. "

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

0

답변 위의 IE (10)

당신이 최대 길이의 attribure에 문제가있는 경우 이전 버전에 맞는지, 내 추천 먼저 브라우저 버전을 확인합니다. maxlength 속성은 HTML5 태그의 새로운 속성입니다. IE 10 이상 또는 Chrome에서만 정상적으로 작동합니다.

:maxlength => "10" 

코드 예제 :

-2

이 루비 온 레일즈 작동

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

내가 텍스트 영역의 최대 길이를 시도했지만 제대로 문자를 계산하지 않습니다 (또한 EOLs를 계산합니다). maxlength 대신 max_length 속성을 사용합니다.

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

당신의

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