react 정규표현식(숫자, 음수, 양수, 영어만)

·2022년 1월 16일
1

react

목록 보기
4/6
post-custom-banner

정규표현식(Regular Expression)

문자열에서 특정 내용을 찾거나 대체, 중요한 부분을 가려 뽑을 때 사용한다.

주로 이메일, 전화번호 등의 입력받는 형식이 유효한지 체크할 때 사용한다.

양수, 음수, 소수점 숫자만 허용하는 정규표현식 리터럴 표기법

<!--html 구문-->
<input type='text' onChange={lookingForNum} />

/^[+-]?\d*(\.?\d*)?$/

// JS 구문
const[numbers,setNumbers] = useState('');

const lookingForNum = e =>{
 const num = /^[+-]?\d*(\.?\d*)?$/;
  
  if(!num.test(e.target.value))return;
  
}

영문자만 허용하는 정규표현식 리터럴 표기법

/[^a-zA-Z]/g

정규표현식 확인해 볼 수 있는 사이트

https://www.regexpal.com/

profile
어두운 밤하늘, 밝은 달빛.
post-custom-banner

0개의 댓글