[JQuery] 글자수 제한하기

jquery 로 간단히 글자수 제한시키는 소스를 정리해 보았다.

 

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
 
<textarea id="content1" name="content1" rows="4" placeholder="간략히 기입해 주십시오."></textarea>
<p id="txt_max_cnt">(0 / 400)</p>
 
<script>
$(document).ready(function() {
    $('#content1').on('keyup', function() {
        $('#txt_max_cnt').html("("+$(this).val().length+" / 400)");
 
        if($(this).val().length > 400) {
            $(this).val($(this).val().substring(0, 400));
            $('#txt_max_cnt').html("(400 / 400)");
        }
    });
});
</script>
 

 

참고 : https://bskyvision.com/entry/jquery-textarea-%EA%B8%80%EC%9E%90%EC%88%98-%EC%B9%B4%EC%9A%B4%ED%8A%B8