지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > js는 텍스트 상자 입력 길이를 두 가지 방법(길이, 바이트 수)으로 제한합니다_기본 지식

js는 텍스트 상자 입력 길이를 두 가지 방법(길이, 바이트 수)으로 제한합니다_기본 지식

WBOY
풀어 주다： 2016-05-16 17:46:09
원래의
2211명이 탐색했습니다.
기능/특징:
1. 입력 가능한 단어 수(바이트 수) 실시간 표시
2가지 제한 방법(길이, 바이트 수)
3. 중국어 입력 방법 버그 없이 정상적으로 사용 가능
4. 같은 페이지에서 서로 간섭하지 않고 여러 입력 가능
limit.js
코드 복사 코드는 다음과 같습니다.

functionlimit(){
var txtNote;//텍스트 상자
var txtLimit;//단어 개수 입력 프롬프트
varlimitCount;//단어 개수 제한
var isbyte;//바이트 길이 제한 사용 여부(한자 1자 = 2자)
var txtlength;//한도에 도달하면 문자열의 길이
var txtByte
this.init=function(){
txtNote=this.txtNote; .txtLimit;
limitCount=this.isbyte;
txtNote.onkeydown=function(){wordsLimit()};txtNote.onkeyup=function(){wordsLimit()};
txtLimit.value=limitCount;
}
functionwordLimit(){
var noteCount=0
if(isbyte){noteCount=txtNote.value.replace(/[^/x00 -/xff]/g,"xx").length}else{noteCount=txtNote.value .length}
if(noteCount>limitCount){
if(isbyte){
txtNote.value=txtNote .value.substring(0,txtlength Math.floor((limitCount-txtByte)/2)) ;
txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx"). 길이;
txtLimit.value=limitCount-txtByte;
}else{
txtNote.value=txtNote.value.substring(0,limitCount)
txtLimit.value=0;
}else{
txtLimit.value=limitCount-noteCount;
}
txtlength=txtNote.value.length;//각 입력 후 길이를 기록하세요
txtByte=txtNote.value.replace (/[^/x00-/xff]/g,"xx").length;
}
}


페이지 호출:


코드 복사 코드는 다음과 같습니다.
"txtNote" />
문자

/html>



텍스트 상자 문자 길이 제한



코드 복사

코드는 다음과 같습니다. 다음: 이렇게 쓰면 제한만 가능합니다. 입력은 숫자여야 하며 최대 길이는 11자입니다. 제한하는 방법은? 11자리로 입력해야 합니다. 아니오 적거나 많음
------해결책--------------- --------- ------------------
위 내용이 맞나요?. . . 왜 시험에 합격할 수 없나요? .
맞지 않나요? 테스트에 문제가 있습니다. 이제 입력이 숫자와 11자로만 제한됩니다
------해결책------------ ------- -----------




코드 복사

코드는 다음과 같습니다. 위의 쓰기는 숫자로 입력 가능하며 최대 길이는 11자입니다. 문자를 11자 이상으로 입력해야 합니다.
------해결 방법--------------- ----------- ------------------



코드 복사

코드는 다음과 같습니다. 위에서는 입력을 숫자로만 제한할 수 있습니다. 최대 길이는 11자 입니다. 제한 방법은...
------해결책------------- --------------- ---------------



코드 복사

코드는 다음과 같습니다.

if(document.form.mobile.value=="")
{
alert("오류를 입력하셨습니다.")
document.forma.mobile.focus();
false 반환
}
else
{
if(!/^d{11}$.test(document.form.mobile.value))
{alert(" 당신 입력한 자릿수가 잘못되었습니다.");
document.forma.mobile.focus();
return false;
}
}

안해요 이것이 작동하는지 모르겠습니다. . .
------해결책----------------------------- ----- ------------------
HTML 코드
코드 복사 코드는 다음과 같습니다.




텍스트 영역의 문자 수 제어


;form method="post" name="myForm1" action="addInfo .aspx">

>

< label for="comments">메시지를 남기고 싶습니다: