어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ

정규표현식 본문

자바스크립트/⚪️ Vanilla

정규표현식

비니_ 2025. 2. 26. 10:29
728x90

정규식

1. 이메일 정규식
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;

이메일 예시
test@test.com
t_+#%123est@test.co.kr
test.test@aste.co.jp

/^[a-zA-Z0-9._%+-]$/ => 한개의 문자 의미
/^[a-zA-Z0-9._%+-]*$/ => 0개 이상
/^[a-zA-Z0-9._%+-]+$/ => 1개 이상
/^[a-zA-Z0-9._%+-]{2}$/ => 2개
/^[a-zA-Z0-9._%+-]{2},$/ => 2개 이상

\. => .(점)문자를 의미

/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9]+[.a-zA-Z]*\.[a-zA-Z]{2,}$/

; 테스트 해보기


2. URL 검증 정규식

url 예시
https://example.com
http://www.naver.com
http://www.naver.com

/^(https?:\/\/)?$/ => /를 문자로 인식하기 위해 \ 추가하고 특수문자라고 $ 써줌, ()는 한문자로 인식, ?는 있을수도 없을수도 있다

/^(https?:\/\/)?(www\.)?[a-zA-Z0-9]+\.[a-zA-Z]{2,}$/

const urlRegex = /^(https?:\/\/)?(www\.)?[a-zA-Z0-9]+\.[a-zA-Z]{2,}$/i;
console.log(urlRegex.test("http://www.naver.com"));
console.log(urlRegex.test("http://www.naver.com "));
console.log(urlRegex.test("htp://http://www.naver.com "));


3. 전화번호 검증 정규식

728x90

'자바스크립트 > ⚪️ Vanilla' 카테고리의 다른 글

Math. ~(), 랜덤함수 예제  (0) 2025.02.26
통신 JSON  (0) 2025.02.26
자바스크립트 생명주기  (0) 2025.02.25
이벤트 핸들러  (0) 2025.01.18
[js] 이벤트 리스너  (0) 2025.01.14
Comments