안녕하세요.
이번에는 정규 표현식에 대하여 알아보겠습니다.
1. 유효성 검사 (form validation)
- form 요소들에 정보가 올바르게 입력되었는지 검사하는 것
- ex. 비밀번호: 8자리 이상, 특수문자 및 대문자 1개 이상 포함
- ex. 이메일: @ 기호 반드시 포함
- required : 필수 값
- minlength / maxlength : 최소/최대 문자수
- min / max : 최소/최대 값
- type : 입력받는 정보 타입
- pattern : 정규식으로 검사
2-1. 정규표식
정규 표현식 - JavaScript | MDN
정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. JavaScript에서는 정규 표현식도 객체로서, RegExp의 exec()와 test() 메서드를 사용할 수 있습니다. String의 match(), matchA
developer.mozilla.org
2-2. input pattern 속성
- 아이디 : pattern="^([a-zA-Z0-9가-힣]){4,}$"
- 비밀번호 : pattern="^([a-z0-9]){8,12}$"
- 연락처 : pattern="^([0-9]){3}-([0-9]){3,4}-([0-9]){4}$"
- 010-1234-5678 or 010-123-5678
- 스크립트 정규 표현식 연락처
- /^\d{3}-\d{3,4}-\d{4}$/
그 외 여러가지 사용 방법이 있지만, 여기서는 간략하게 알아보겠습니다.
감사합니다.
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] includes 함수 (0) | 2023.03.18 |
|---|---|
| [JavaScript] Head 태그에 동적으로 추가하는 방법 (0) | 2023.03.17 |
| [JavaScript] 실습코드 (0) | 2023.01.20 |
| [JavaScript] DOM, 선택자에 대해서 알아보기 (0) | 2023.01.20 |
| [JavaScript] Math 함수에 대해서 알아보기 (0) | 2023.01.20 |