프로그래밍/jQuery

jQuery input,textarea 글자수(byte) 체크

p-a-r-k 2014. 11. 26. 20:11
반응형

바이트값을 체크해야 할 때가 있다.

ex) 200자이내로 입력해주세요..


간단하게 onkeyup이벤트를 걸어서 자바스크립트로 처리해오곤했는데,

모바일에서 문장단위로 복사해서 붙여넣기하면 keyup이 안먹었다.


그래서 그냥 jquery로 해결했다.

change/keyup/input



CODE :
$('textarea#USR_TXT').bind("change keyup input",function() { 
	var el = document.form1.USR_TXT;
	var ls_str = el.value;
	var li_str_len = ls_str.length;
	var li_max = 200;
	var i = li_byte = li_len = 0;
	var ls_one_char = ls_str2 = "";
	for(i=0; i< li_str_len; i++) {
		ls_one_char = ls_str.charAt(i);
		li_byte++;

		if(li_byte <= li_max){
			li_len = i + 1;
		}
	}
	if(li_byte > li_max) {
		alert( li_max + "자 이내로 작성해주세요.");
		ls_str2 = ls_str.substr(0, li_len);
		el.value = ls_str2;
	}
});

내부에는 javascript쓴 부분,,



반응형

'프로그래밍 > jQuery' 카테고리의 다른 글

jQuery Swiper/슬라이드 플러그인  (0) 2014.12.05
jQuery attr()/prop() 차이  (0) 2014.11.28
jQuery closest()/parents() 부모 접근  (0) 2014.11.21
jQuery function 선언하기  (0) 2014.11.07
jQuery 로딩 blockUI(loading modal)  (0) 2014.11.05