일반적으로 자바 스크립트 제한 입력된 문자 숫자 코드를 사용

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.jzread.com/TR/xhtml1/DTD/ Xhtml1 transitional.dtd ""
< html xmlns = "http://www.jzread.com/1999/xhtml" < 머리 >

< 메타 http-equiv = "content-type" 내용 = "text/html; Charset = utf-8 "/ & gt
< 유형 스타일 = text/css 자습서" 미디어 "화면" =
몸 {margin: 0px;
div {폭: 400px; 여백: 0px Auto;
Div h3 {배경: #CCCCCC; 글꼴-크기: 14px, 글꼴-무게: 굵게; 텍스트-정렬: 센터; 라인-높이: 22px; 여백: 6px 0px; 안쪽 여백: 0px;
Div textarea {폭: 388px 높이: 120px 국경: 1px #999999 고체; 여백: 0px; 안쪽 여백: 0px; 글꼴-크기: 12px; 패딩: 5px; 라인-높이: 16px;
Div p {글꼴-크기: 12px; 여백: 0px; 라인-높이: 22px;}
Div p 스팬 {색상: #FF6600; 글꼴-무게: 굵게;}
< / 스타일 & gt
< 제목 > 자바 텍스트에 입력 된 최대 문자 수 제한 상자 < / 타이틀 >
< / 헤드 >

< 몸 >
< div >
< h3 > 문자 번호 테스트 < / h 3 >
< 텍스트 행 = "cols =" onkeypress "반환"의 Checkmaxlength (이, 20) = >< / 텍스트 영역 >
< P > < span > 최대 20 < / span > 문자. </p >
< / div >

< 스크립트 유형 = "텍스트/자바 스크립트 자습서" >
기능 Checkmaxlength (otextarea, maxlength) 없음
otextarea.value.length!=maxlength; 반환
}
</스크립트 >
</바디 >
< / html >

프로그램 II

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.jzread.com/TR/xhtml1/DTD/ Xhtml1 transitional.dtd ""
< html xmlns = "http://www.jzread.com/1999/xhtml" < 머리 >

< 메타 http-equiv = "content-type" 내용 = "text/html; 문자셋 = utf-8 "/ & gt
< 유형 스타일 =" text/css "미디어 =" 화면 "
body {margin: 0px;
div {폭: 400px; 여백: 0px Auto;
Div h3 {배경: #CCCCCC; 글꼴-크기: 14px, 글꼴-무게: 굵게; 텍스트-정렬: 센터; 라인-높이: 22px; 여백: 6px 0px; 안쪽 여백: 0px;
Div textarea {폭: 388px 높이: 120px 국경: 1px #999999 고체; 여백: 0px; 안쪽 여백: 0px; 글꼴-크기: 12px; 패딩: 5px; 라인-높이: 16px;
Div p {글꼴-크기: 12px; 여백: 0px; 라인-높이: 22px;}
Div p 스팬 {색상: #FF6600; 글꼴-무게: 굵게;}
< / 스타일 & gt
< 제목 > 자바 텍스트에 입력 된 최대 문자 수 제한 상자 < / 타이틀 >
< / 헤드 >

< 몸 >
< div >
< h3 > 문자 번호 테스트 < / h 3 >
< 텍스트 행 = "cols =" onkeyup = "Checkmaxlength (이, 20)" onpaste = "Checkmaxlength (이, 20)" >< / 텍스트 >
< P > < span > 최대 20 < / span > 문자. </p >
< / div >

< 스크립트 유형 = "텍스트/자바 스크립트" >
기능 Checkmaxlength (지역, maxLength) 없음
경우 (Area.value.length > maxlength) 없음
Area.value = area.value.substr (0, 최대 길이);
}
}
</스크립트 >
</바디 >
< / html >

프로그램 III

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.jzread.com/TR/xhtml1/DTD/ Xhtml1 transitional.dtd ""
< html xmlns = "http://www.jzread.com/1999/xhtml" < 머리 >

< 메타 http-equiv = "content-type" 내용 = "text/html; 문자셋 = utf-8 "/ & gt
< 유형 스타일 =" text/css "미디어 =" 화면 "
body {margin: 0px;
div {폭: 400px; 여백: 0px Auto;
Div h3 {배경: #CCCCCC; 글꼴-크기: 14px, 글꼴-무게: 굵게; 텍스트-정렬: 센터; 라인-높이: 22px; 여백: 6px 0px; 안쪽 여백: 0px;
Div textarea {폭: 388px 높이: 120px 국경: 1px #999999 고체; 여백: 0px; 안쪽 여백: 0px; 글꼴-크기: 12px; 패딩: 5px; 라인-높이: 16px;
Div p {글꼴-크기: 12px; 여백: 0px; 라인-높이: 22px;}
Div p 스팬 {색상: #FF6600; 글꼴-무게: 굵게;}
< / 스타일 & gt
< 제목 > 자바 텍스트에 입력 된 최대 문자 수 제한 상자 < / 타이틀 >
< / 헤드 >

< 바디 & gt
< div & gt
< h3 > 문자 테스트 < / h3 & gt
< 텍스트 행 = "cols =" Checkmaxlength (이, 20) "onpaste =" Checkmaxlength (이, 20) >< / 텍스트 영역 >
< p > < span > 20 최대 < / 스팬 > 문자, 한 문자 2 문자. < / p & gt
< / div >

< 스크립트 유형 = "텍스트/자바 스크립트"
기능 checkmaxlength (지역, maxLength) {
var currentstr = "";
위한 (var i=0,len=area.value.length;i < 렌; i + +) {
Currentstr+=area.value.charat (i);
경우 (getcharlength (CURRENTSTR) > maxlength) 없음
Area.value=area.value.substr (0, i);
반환;
}
}
}

기능 Getcharlength (str) 없음
var charlen = 0;
대 한 (Var i=0,len=str.length;i < 렌; i + +) 없음
경우 (Str.charcodeat (i) > 255) 없음
charlen = 2;
} 다른 없음
Charlen + = 1;
}
}
Charlen; 반환
}
</스크립트 >
</바디 >
< / html >

프로그램 III

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.jzread.com/TR/xhtml1/DTD/ Xhtml1 transitional.dtd ""
< html xmlns = "http://www.jzread.com/1999/xhtml" < 머리 >

< 메타 http-equiv = "content-type" 내용 = "text/html; 문자셋 = utf-8 "/ & gt
< 유형 스타일 =" text/css "미디어 =" 화면 "
body {margin: 0px;
div {폭: 400px; 여백: 0px Auto;
Div h3 {배경: #CCCCCC; 글꼴-크기: 14px, 글꼴-무게: 굵게; 텍스트-정렬: 센터; 라인-높이: 22px; 여백: 6px 0px; 안쪽 여백: 0px;
Div textarea {폭: 388px 높이: 120px 국경: 1px #999999 고체; 여백: 0px; 안쪽 여백: 0px; 글꼴-크기: 12px; 패딩: 5px; 라인-높이: 16px;
Div p {글꼴-크기: 12px; 여백: 0px; 라인-높이: 22px;}
Div p 스팬 {색상: #FF6600; 글꼴-무게: 굵게;}
< / 스타일 & gt
< 제목 > 자바 텍스트에 입력 된 최대 문자 수 제한 상자 < / 타이틀 >
< / 헤드 >

< 바디 & gt
< div & gt
< h3 > 문자 테스트 < / h3 & gt
< 텍스트 행 = "cols =" Checkmaxlength (이, 20) "onpaste =" false;를 반환 >< / 텍스트 & gt
< p > < span > 최대 20 < / span > 문자, 한 2 한자, 당신은 수 있다 또한 < span > 20 < / 입력 스팬 > 문자 < / p & gt
< / div >

< 스크립트 유형 = "텍스트/자바 스크립트"
var s=document.getelementsbytagname ("범위") [1];
기능 Checkmaxlength (지역, maxLength) {
var currentstr = "";
경우 (area.value.length==0) {s.innerhtml=maxlength}
위한 (var i=0,len=area.value.length;i < 렌; i + +) {
Currentstr+=area.value.charat (i);
경우 (getcharlength (CURRENTSTR) > maxlength) 없음
Area.value=area.value.substr (0, i);
반환;
} else {
S.innerhtml=maxlength-getcharlengtH (CURRENTSTR);
}
}
}

함수 Getcharlength (str) {
var charlen = 0
(Var i=0,len=str.length;i < 렌; i + +) {
경우 (str.charcodeat (i) > 255) {
charlen = 2;
} else {
charlen + = 1
}
}

Charlen 반환}
< / 스크립트 & gt
< / 바디 >
< / html >