글자입력수 제한

질문1)
input type에서는 maxlength로 글자 제한을 할 수 있는데요,
textarea 에서는 maxlength가 안되더라고요.
글자 제한 하는 태그를 가르쳐주세요.


질문2)
input type="text"에서 maxlength=10을 하면
영문 10, 한글 10자까지 입력되는데요,
영문은 10자, 한글은 5자까지만 입력되도록 하는 법을 가르쳐주세요.
그리고 글자 타이핑 할 때마다 1byte,2byte .. 체크하는 것도 좀 가르쳐주세요.
예)Daum 사이트 카페 게시판 꼬릿말 처럼요..


 
질문1)
fc_chk_byte 함수는 글자수를 제한하는 함수 입니다.(한글길이까지 고려해서 만듬)

글자수를 제한할 컨트롤에서 onkeyup="fc_chk_byte(this,10);" 이라고 설정하면 됩니다.

fc_chk_byte 함수를 간단히 설명하면 key가 up될때 전체글자수를 읽어서 설정한 글자수가 넘어가면

더이상 넘어가지 못하게합니다. Argument this는 이벤트가 일어난 컨트롤을 말하며 10은 제한할

글자수 입니다. 만약 제한할 글자수가 80글자라면 onkeyup="fc_chk_byte(this,80);" 이라고

하면 되겠죠. 추가로 fc_chk2() 함수는 엔터키를 입력 못하게 하는 함수 입니다.

enter를 입력가능하게 할려면 onkeypress="fc_chk2()"를 지워주세요

밑에 부분 복사해서 실행하세요.^^


<script language="javascript">
/*
' ------------------------------------------------------------------
' Function : fc_chk_byte(aro_name)
' Description : 입력한 글자수를 체크
' Argument : Object Name(글자수를 제한할 컨트롤)
' Return :
' ------------------------------------------------------------------
*/
function fc_chk_byte(aro_name,ari_max)
{

var ls_str = aro_name.value; // 이벤트가 일어난 컨트롤의 value 값
var li_str_len = ls_str.length; // 전체길이

// 변수초기화
var li_max = ari_max; // 제한할 글자수 크기
var i = 0; // for문에 사용
var li_byte = 0; // 한글일경우는 2 그밗에는 1을 더함
var li_len = 0; // substring하기 위해서 사용
var ls_one_char = ""; // 한글자씩 검사한다
var ls_str2 = ""; // 글자수를 초과하면 제한할수 글자전까지만 보여준다.

for(i=0; i< li_str_len; i++)
{
// 한글자추출
ls_one_char = ls_str.charAt(i);

// 한글이면 2를 더한다.
if (escape(ls_one_char).length > 4)
{
li_byte += 2;
}
// 그밗의 경우는 1을 더한다.
else
{
li_byte++;
}

// 전체 크기가 li_max를 넘지않으면
if(li_byte <= li_max)
{
li_len = i + 1;
}
}

// 전체길이를 초과하면
if(li_byte > li_max)
{
alert( li_max + " 글자를 초과 입력할수 없습니다. \n 초과된 내용은 자동으로 삭제 됩니다. ");
ls_str2 = ls_str.substr(0, li_len);
aro_name.value = ls_str2;

}
aro_name.focus();
}

/*
' ------------------------------------------------------------------
' Function : fc_chk2()
' Description : Enter키를 못치게한다.
' Argument :
' Return :
' ------------------------------------------------------------------
*/
function fc_chk2()
{
if(event.keyCode == 13)
event.returnValue=false;
}
</script>

< textarea name="txt_aaa" rows="5" cols="60" onkeyup="fc_chk_byte(this,10);" onkeypress="fc_chk2()" >


질문2)
[JS]입력한 글자의 Byte수 체크하기
DB에 자료를 입력할 경우 가끔 column의 size를 over하여 Exception이 발생할 경우가

생깁니다. 데이터를 서버로 전송하기 전에 체크할 수 있는지 고민하다가 만들어봤습니다.



<script language=JavaScript>
/**
* 한글을 2바이트 씩 계산하여 입력받은 문자열이 DB에 저장될 때 총 몇바이트를 차지하는지 계산한다.
* 엔터(\r\n)는 2바이트를 차지한다.
* @param val : 입력받은 문자열
*/
function cal_length(val)
{
// 입력받은 문자열을 escape() 를 이용하여 변환한다.
// 변환한 문자열 중 유니코드(한글 등)는 공통적으로 %uxxxx로 변환된다.
var temp_estr = escape(val);
var s_index = 0;
var e_index = 0;
var temp_str = "";
var cnt = 0;

// 문자열 중에서 유니코드를 찾아 제거하면서 갯수를 센다.
while ((e_index = temp_estr.indexOf("%u", s_index)) >= 0) // 제거할 문자열이 존재한다면
{
temp_str += temp_estr.substring(s_index, e_index);
s_index = e_index + 6;
cnt ++;
}

temp_str += temp_estr.substring(s_index);

temp_str = unescape(temp_str); // 원래 문자열로 바꾼다.

// 유니코드는 2바이트 씩 계산하고 나머지는 1바이트씩 계산한다.
return ((cnt * 2) + temp_str.length) + "";
}



출처: http://okjsp.pe.kr 
        http://its.acts.ac.kr