24'C 구름 많음
서울 강남구
Textarea 필드에 입력카운트를 체크하고 제한된 카운트 이상 입력할 수 없도록 해야 하는 경우 사용하시면 됩니다.
- HTML -
<textarea name="editor" id="editor" rows="10" cols="80">0/2000</textarea>
- Javascript -
var textCountLimit = 2000;
$(document).ready(function() {
$('textarea[name=editor]').keyup(function() {
// 텍스트영역의 길이를 체크
var textLength = $(this).val().length;
// 입력된 텍스트 길이를 #textCount 에 업데이트 해줌
$('#textCount').text(textLength);
// 제한된 길이보다 입력된 길이가 큰 경우 제한 길이만큼만 자르고 텍스트영역에 넣음
if (textLength > textCountLimit) {
$(this).val($(this).val().substr(0, textCountLimit));
}
});
});