[jQuery] 글자수제한

#

<div class="form-group col-12" >
  <div class="textLengthWrap">
    <p class="textCount">0자</p>
    <p class="textTotal">/200자</p>
  </div>
  <textarea style="height:300px; resize: none;" maxlength="200" placeholder="텍스트를 입력하세요.">
  </textarea>    
</div>
 

#

$('#textBox').keyup(function (e) {
    let content = $(this).val();
    
    // 글자수 세기
    if (content.length == 0 || content == '') {
        $('.textCount').text('0자');
    } else {
        $('.textCount').text(content.length + '자');
    }
    
    // 글자수 제한
    if (content.length > 200) {
        // 200자 부터는 타이핑 되지 않도록
        $(this).val($(this).val().substring(0, 200));
        // 200자 넘으면 알림창 뜨도록
        alert('글자수는 200자까지 입력 가능합니다.');
    };
});
 

#

.on("keyup", "#textBox", function(e) {

 

 

출처

https://anerim.tistory.com/160

[제이쿼리 jQuery] 글자수 제한 / 글자수 체크 / textarea 사이즈 조절 방지