> 웹 프론트엔드 > JS 튜토리얼 > JS 검증 입력란에 대한 코드 예시 공유(문자, 숫자, 기호, 중국어)

JS 검증 입력란에 대한 코드 예시 공유(문자, 숫자, 기호, 중국어)

黄舟
풀어 주다: 2017-03-24 14:28:40
원래의
1969명이 탐색했습니다.

이 글에서는 JS의 입력 상자(문자, 숫자, 기호, 중국어)를 확인하는 방법을 주로 소개합니다. 매우 좋은 참조 값을 가지고 있습니다. 아래 에디터로 살펴보자

영어만 입력 가능

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,&#39;&#39;)">
로그인 후 복사

영어만 입력 가능

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)"
onkeydown="fncKeyStop(event)" onpaste="return false"
oncontextmenu="return false" />
로그인 후 복사

붙여넣기가 불가능하며 마우스 오른쪽 버튼을 클릭하면 붙여넣기 메뉴가 팝업되지 않습니다

숫자만 입력할 수 있습니다:

<input onkeyup="this.value=this.value.replace(/\D/g,&#39;&#39;)"
onafterpaste="this.value=this.value.replace(/\D/g,&#39;&#39;)">
로그인 후 복사

숫자, 소수점만 입력 가능 :

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\.]/g,&#39;&#39;)">
로그인 후 복사

숫자, 소수점, 밑줄만 입력 가능 :

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\._]/g,&#39;&#39;)">
로그인 후 복사

영어만 가능 및 숫자 입력 가능:

<input onkeyup="value=value.replace(/[\W]/g,&#39;&#39;) "
onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\d]/g,&#39;&#39;))">
로그인 후 복사

한자만 입력 가능:

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)"
onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;))">
로그인 후 복사

입력 방법 입력 금지:

<input type="text" style="ime-mode: disabled">
로그인 후 복사

입력방법 전환 불가

중국어, 영어, 숫자, @기호, .기호만 입력 가능합니다:

<input type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,&#39;&#39;)">
로그인 후 복사

는 비워둘 수 없습니다:

<input 
onblur
="
if
(this.value.replace(/^ +| +$/g,&#39;&#39;)==&#39;&#39;)alert(&#39;不能为空!&#39;)">
로그인 후 복사

위 내용은 JS 검증 입력란에 대한 코드 예시 공유(문자, 숫자, 기호, 중국어)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿