티스토리 뷰

JSP & JavaScript

JQUERY 글자수, 글자 바이트 체크

Grand_J 2020. 12. 2. 14:19
반응형

JQUERY 글자수, 글자 바이트 체크

 

// 글자수 체크
function validateMaxLength(id, size){
	$("#"+id).keyup(function (e){
	    var content = $(this).val();
	    // $('#counter').html("("+content.length+" / 최대 200자)");    //글자수 실시간 카운팅

	    if (content.length > size){
	        alert("최대 "+size+"자까지 입력 가능합니다.");
	        $(this).val(content.substring(0, size));
	        // $('#counter').html("(200 / 최대 200자)");
	    }
	});
}

// 글자 바이트 체크
function validateMaxByte(id, size){	
	$("#"+id).keyup(function (e){
		
	    var str = $(this).val();	    
	    var str_len = str.length;
	    
	    var rbyte = 0;
	    var rlen = 0;
	    var one_char = "";
	    
	    for(var i=0; i<str_len; i++){
	    	one_char = str.charAt(i);
	    	if(escape(one_char).length > 4){
	    	    rbyte += 3;                                         //한글3Byte
	    	}else{
	    	    rbyte++;                                            //영문 등 나머지 1Byte
	    	}

	    	if(rbyte <= size){
	    	    rlen = i+1;                                          //return할 문자열 갯수
	    	}
	    }
	    
	    if(rbyte > size){
	    	alert("최대 "+size+"byte까지 입력 가능합니다.");
	    	 $(this).val(str.substr(0,rlen));
	    }

	});
}



<script>
	validateMaxByte("etc", 300);	// maxbyte 체크
    validateMaxLength("etc", 300);	// 길이 체크

<script>

<html>
	<textarea id="etc" name="etc" ></textarea>
</html>

 

 

 

끗!@#@#%ㄲ

반응형
저작자표시 비영리 변경금지

'JSP & JavaScript' 카테고리의 다른 글

Javascript 팝업창 가운데 위치시키기  (0) 2020.12.28
Javascript 특수문자, 숫자 허용  (0) 2020.12.02
JSP 드롭다운 형식으로 년/월/일 생성  (0) 2020.12.02
[JAVASCRIPT] 자바스크립트 AJAX 외부 통신 크로스 도메인 해결 - CORS(Cross Origin Resource Sharing)  (0) 2020.08.27
JQuery 페이지 로딩 처리  (0) 2020.05.08