회원가입 정보
- 이름
- 아이디
- 비밀번호
- 연락처
- 이메일
🎨 javascript 정규 표현식
1. 이름 정규 표현식
/^[가-힣]{2,5}$/2~5 길이의 한글
2. 아이디 정규 표현식
/^(?=.*[0-9]+)[a-zA-Z][a-zA-Z0-9]{5,10}$/g영문자로 시작하고, 5~10 길이의 영문자와 숫자의 조합
g는 모든 문자를 검색하는 플래그다.
/^[a-zA-Z]+/g첫 문자는 영문자
3. 비밀번호 정규 표현식
/(?=.*[0-9])(?=.*[a-z])(?=.*\W)(?=\S+$).{8,20}/소문자, 숫자, 특수문자 조합의 8~20자
4. 이메일 정규 표현식
/^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+$/영문자/숫자/_/./- @ 영문자/숫자/- . 영문자/숫자/-
5. 연락처 정규 표현식
/^[0-9]{10,11}$/10~11 길이의 숫자
참고 👇
https://okky.kr/article/431801
OKKY | 정규식 - 영문+숫자 조합에, 첫 글자 영문, 7~30자를 구현
영문 숫자 조합에, 첫 글자 영문, 7~30자를 구현하려고 합니다. 첫 글자 및 자리수 체크는 되는데, 영문 숫자 조합이 문제가 있습니다. ^[a-zA-Z][a-zA-Z0-9]{6,29}$ 숫자는 가능성이지 필수가 아니네요....
okky.kr
https://curryyou.tistory.com/234
[자바스크립트] 정규표현식(Regular Expression) 기초/기본 쉽고 상세한 사용 방법 정리(샘플 예제 코
# 정규표현식이란?(Regular Expression: Regex) 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식입니다. (이런걸 형식 언어, formal languange라고 합니다.) 정규표현식을 이용하면, 특정 패턴에 매
curryyou.tistory.com
RegExr: Learn, Build, & Test RegEx
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
regexr.com
https://regexper.com/#%2F%28%5Ba-zA-z%5D%29%28%5B0-9%5D%29.%7B5%2C10%7D%2F
Regexper
regexper.com
'FE > html' 카테고리의 다른 글
| [CSS] div 태그로 사각형 그리기 (0) | 2022.02.07 |
|---|---|
| form onsubmit (0) | 2022.01.20 |
| [Thymeleaf Error] EL1007E: Property or field 'name' cannot be found on null (0) | 2021.12.29 |
| [CSS] pagination과 버튼 나란히 두기 (0) | 2021.12.02 |
| [ERROR] org.thymeleaf.exceptions.TemplateProcessingException: Exception evaluating SpringEL expression: "#temporals.createDate(post.createdDate, 'yyyyMMdd')" (0) | 2021.11.26 |