Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- CSS
- form
- animate
- Position
- navbar
- css selector
- TRANSITION
- EventListner
- Carousel
- hover
- position : fixed
- margin
- css animation
- scss
- 레이아웃
- display:none
- setTimeout
- 이벤트 버블링
- val()
- bootstrap
- 밀리초
- z-index
- JQuery
- sass
- vw
- absolute
- input
- transform
- float : left
- togle
Archives
- Today
- Total
Simple Is Best
11. [JS/jQuery] 정규식으로 form 양식 검사하기 본문
정규식을 활용하면 내가 원하는 문자가 문장 안에 존재하는지 확인 해 볼 수 있습니다.
정규식 사용 방법
결과를 true 혹은 false 로 받을 수 있다.
/ 내가 원하는 문자 작성 /.test( 내가 검사할 문장 ) |

정규식 문법
▷ [ ] : 검사하고 싶은 문자의 범위를 검색하는 기호 ex) [A-z], [ㄱ-ㅎ]
/[A-z]/.test('dsadsaf')

▷ \S (역슬래쉬 S): 특수문자 포함한 모든 문자에 대해 탐색하는 기호 (문자 하나만 탐색)
만약, 여러 개의 문자를 탐색하고 싶다면 \S+ 로 접근해야 한다.
/\S/.test('2esdas')

▷ \. (역슬래쉬 .) : .이 존재하는지 검사
/\./.test('.')

정규식 응용
1. 하나의 글자(특수 문자 포함) 뒤에 @(골뱅이) 가 나오는지 검사
/\S@/.test('e@')

2. 여러 글자(특수문자 포함) 뒤에 @(골뱅이) 가 나오는지 검사
/\S+@/.test('kyung@')

★ 3. 이메일 양식이 맞는지 검사하기
[simple ver]
이메일 주소 구조 : dsdadsda@naver.com
☞ 문자 @ 문자 . 문자
/\S+@\S+\.\S/.test('mynameis@naver.com')

[제대로된 이메일 정규식 ver]
/^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i
'JavaScript & JQuery' 카테고리의 다른 글
13. [jQuery] Scroll Animation (0) | 2021.07.31 |
---|---|
12. [JS/JQuery] Carousel (이미지 슬라이더) (0) | 2021.07.30 |
10. [jQuery] Animation - 2 (애니메이션 제작 관습) (0) | 2021.07.29 |
9. [jQuery] Animation - 1 (feat. navbar) (0) | 2021.07.29 |
8. [ES6] 변수 (0) | 2021.07.27 |