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

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

黄舟
黄舟원래의
2017-03-24 14:28:401859검색

이 글에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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