웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
js 글자수 체크 하기 본문
<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>
http://azit4u.phps.kr/script/maxlength.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>
http://azit4u.phps.kr/script/maxlength.html
'javascript' 카테고리의 다른 글
| 팝업띄우기 (0) | 2011.11.30 |
|---|---|
| js y-banner_rolling (0) | 2011.11.09 |
| js 펼침 메뉴 만들기 (0) | 2011.11.09 |