>웹 프론트엔드 >JS 튜토리얼 >숫자만 입력하도록 텍스트 상자를 제한하는 js 방법 요약_javascript 기술

숫자만 입력하도록 텍스트 상자를 제한하는 js 방법 요약_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:44:251395검색

텍스트 상자의 입력 내용 유형을 제한해야 하는 경우가 있습니다. 이 섹션에서는 텍스트 상자를 숫자, 소수점, 영문자, 한자 및 기타 코드로만 제한하는 정규식을 공유합니다.

예를 들어 0보다 큰 양의 정수를 입력하세요

코드 복사 코드는 다음과 같습니다.



1, 텍스트 상자는 숫자코드만 입력하세요(소수점도 입력불가)

코드복사 코드는 다음과 같습니다.


2, 숫자만 입력 가능하며, 소수점도 입력 가능합니다.

코드 복사 코드는 다음과 같습니다.



3. 숫자와 소수점 방식 2

코드 복사 코드는 다음과 같습니다.


별도의 함수로 캡슐화:

코드 복사 코드는 다음과 같습니다.

function keyPress(ob) {
if (!ob.value.match(/^[ -]?d*?.?d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; match(/ ^(?:[ -]?d (?:.d )?)?$/)) ob.o_value = ob.value;
}
function keyUp(ob) {
if (!ob .value.match(/^[ -]?d*?.?d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; (/^ (?:[ -]?d (?:.d )?)?$/)) ob.o_value = ob.value;
       }
function onBlur(ob) {
if( !ob.value.match(/^(?:[ -]?d (?:.d )?|.d*?)?$/))ob.value=ob.o_value;else{if(ob.value .match( /^.d $/))ob.value=0 ob.value;if(ob.value.match(/^.$/))ob.value=0;ob.o_value=ob.value};
}

전화할 때 이 객체만 전달하세요!

4, 영문, 한자만 입력 가능합니다

코드 복사 코드는 다음과 같습니다. 🎜>


5, 영문, 숫자만 입력 가능하며, 한자는 입력할 수 없습니다

코드 복사 코드는 다음과 같습니다.


6, 숫자와 영문만 입력 가능합니다



코드 복사 코드는 다음과 같습니다


7, 소수점 이하 두 자리까지만 가능(숫자, 한자 모두 입력 가능), 문자, 산술 기호는 입력 불가 :

코드 복사 코드는 다음과 같습니다.


8, 소수점 이하 두 자리까지만 가능하며(숫자, ​​문자, 한자는 입력 가능), 연산 기호는 입력 가능합니다:

코드 복사 코드는 다음과 같습니다.


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.