[Javascript] 글자수 체크

요소에 onkeyup 속성을 넣어 실시간 글자수를 체크한다.

curLengthObj 변수에 현재 글자수를 보여줄 요소를 넣어 사용한다.

 

Byte와 같이 한글과 특수문자를 다르게 계산하는 로직은 중간에 분기처리하는 부분을 추가해야 한다.

아래 코드는 length 체크만 ,..

/**
 * 글자수 체크
 * onkeyup="checkInputTextLength(this);"
 * @param obj
 */
function checkInputTextLength (obj) {
    let content = $(obj).val();
    let curLengthObj = $(obj).siblings('.write-typing').children('.typing-num');
    let maxLength = Number($(obj).siblings('.write-typing').children('.typing-max-num').text());

    if (content.length > maxLength) {
        $(obj).val(content.substring(0, maxLength));
    }
    $(curLengthObj).text(content.length);
}