HTML TEXTAREA 글자수 제한

javascript 선언문

<script type="text/javascript"> // are_name - textarea객체, ari_max - 제한길이 수 function f_chk_byte(aro_name,ari_max) { var ls_str= aro_name.value; var li_str_len = ls_str.length; var li_max= ari_max; var i= 0; var li_byte= 0; var li_len= 0; var ls_one_char = ""; var ls_str2= ""; for(i=0; i< li_str_len; i++) { ls_one_char = ls_str.charAt(i); if (escape(ls_one_char).length > 4) li_byte += 2; else li_byte++; if (li_byte <= li_max) li_len = i + 1; } if(li_byte > li_max) { alert("한글 " +ari_max + "글자를 초과 입력할수 없습니다. 초과된 내용은 자동으로 삭제 됩니다."); ls_str2 = ls_str.substr(0, li_len); aro_name.value = ls_str2; } aro_name.focus(); } </script>

HTML 영역

<textarea rows="5" cols="20" onkeyup="f_chk_byte(this,1000)"></textarea>

하지만 위의 코드는 COPY & PASTE를 할 경우 문제가 생기므로 패스...............

<textarea name="actionContent" id="actionContent" cols="88" rows="20" maxlength="1500" onblur="Limit(this)"></textarea>

//textarea maxlength 지정하기
function Limit(obj){
var maxLength = parseInt(obj.getAttribute("maxlength"));
if(obj.value.length > maxLength){
alert("내용은 1500자를 초과할 수 없습니다. 초과된 내용은 삭제됩니다.");
obj.value = obj.value.substring(0,maxLength);
return;
}
}

요거는 포커스 아웃될 때 체크하므로 에러날 염려가 없음