반응형
textarea 글자수 체크 하기
charAt(i) --> i번째 해당 되는 글자
<html>
<head>
<meta charset="utf-8">
<title>textarea maxlength</title>
<script>
function checkcnt(obj,maxcnt){
var cnts=obj.value;
var cnt=cnts.length;
var msg;
var nowcnt=0;
//입려되어있는 글자수만큼 반복
for(i=0;i<cnt;i++){
//txt에 i위치에 해당되는 글자 입력
txt=cnts.charAt(i);
// escape한 txt의 길이를 체크해서 4이상이면(한글) nowcnt + 2
if( escape(txt).length > 4){
nowcnt+=2;
}else{
//아니면서 escape한 txt가 엔터값이 아니면 (엔터의 경우 %0D,%0A 두번 되는데
//엔터는 1바이트 처리) nowcnt + 1
if(escape(txt)!='%0A'){
nowcnt++;
}
}
//nowcnt 가 maxcnt 보다 크면
if(nowcnt>maxcnt){
alert('글자수 초과');
//txta 에 cnts의 값을 0 부터 i 까지 잘라서 입력
document.getElementById("txta").value=cnts.substring(0,i);
break;
}else{
//nums에 현재 바이트수 입력
document.getElementById("nums").innerHTML=nowcnt+"byte";
}
}
}
</script>
</head>
<body>
<textarea id="txta" cols=50 rows=10 onkeyup="return checkcnt(this,10)"></textarea>
<span id="nums" style="width:100px;">0byte</span>
</body>
</html>
charAt(i) --> i번째 해당 되는 글자
반응형
'자바스크립트&jQuery' 카테고리의 다른 글
| google jQuery 최신 버전 지원(1.버전대) (0) | 2011.10.07 |
|---|---|
| jQuery children(),each() (0) | 2011.10.07 |
| javascript 메뉴 (0) | 2011.10.05 |
| jquery 기본 필터 (0) | 2011.07.31 |
| jquery 셀렉터 (0) | 2011.07.31 |
