본문 바로가기

Develop/HTML & JavaScript & CSS

textarea 입력 byte 수 체크 제한

textarea 입력 byte 체크 

유용하게 많이 쓰이는 소스입니다. 

Javascript
function fnChkByte(obj, maxByte){
var str = obj.value;
var str_len = str.length;

var rbyte = 0;
var rlen = 0;
var one_char = "";
var str2 = "";

for(var i=0; i 4){
    rbyte += 2;                                         //한글2Byte
}else{
    rbyte++;                                            //영문 등 나머지 1Byte
}

if(rbyte <= maxByte){
    rlen = i+1;                                          //return할 문자열 갯수
}
}

if(rbyte > maxByte){
    alert("한글 "+(maxByte/2)+"자 / 영문 "+maxByte+"자를 초과 입력할 수 없습니다.");
    str2 = str.substr(0,rlen);                                  //문자열 자르기
    obj.value = str2;
    fnChkByte(obj, maxByte);
}else{
    document.getElementById('byteInfo').innerText = rbyte;
}
}

HTML Markup


0/2000Byte


출처 - http://everyit.tistory.com/5