📖 정규식
- 문자열에서 특정 문자 조합을 찾기 위한 패턴
- 로그인, 회원가입 과정에서 유효성 체크를 필요로 할때 주로 사용 ex) 아이디, 비밀번호, 전화번호...
사용법
출처 poiemaWeb
플래그
| 플래그 | 의미 | 정의 |
|---|---|---|
| i | Ignore Case | 대소문자를 구별하지 않고 검색 |
| g | Global | 문자열 내의 모든 패턴을 검색 |
| m | Multi Line | 문자열의 행이 바뀌더라도 검색 진행 |
간단 사용법
1) 소문자 : \[a-z]\
2) 대문자 : \[A-Z]\
3) 숫자 : \[0-9]\
핸드폰 번호, 이메일에 사용되는 특수 기호에 관한 정규식은 따로 포스팅할 예정이다.
정규식 활용한 비밀번호 유효성 검사
에러 화면
유효성 통과
- 위 예제는 알파벳, 숫자, 텍스트 길이를 활용한 유효성 검사 예제이다.
- 입력한 키의 value를 반환하기 위해 키보드 이벤트
keyup를 사용해 키를 입력할때 마다 데이터를 반환할 수 있도록 하였다.value를 사용해 입력한 텍스트의 데이터를 반환할 수 있도록 하였으며, 정규식 메서드 중 하나인 match()를 통해 정규식에 매칭되는지 판별하였다.- 발생한 에러 유형에 따라 해당 유형의 구문이 표시되도록 작성하였다.
정규식을 공부해보며 몰랐던 메서드, 이벤트에 대해 알게 되었다.
새롭게 알게된 지식을 키보드 이벤트, 정규식 메서드에 대해 추가로 정리하여 포스팅 할 계획이다.
