반응형
1) 정규표현식이란?
- 문자열에 특정 문자 조합과 대응시키기 위해 사용되는 패턴을 의미한다.
2) 정규표현식 문법
//정규식 패턴 만들기
const expNameText = /[가-힣]+$/; //한글만
// []+ : 뒤에 플러스가 붙으면 몇글자가 돼도 상관없다라는 뜻. 안의 쓴 모든 내용들이 들어올 수 있다.
// $ : 끝내기
const expHpText = /^\d{3}-\d{3,4}-\d{4}$/;
// ^ : 무조건 이걸로 시작해야한다.
// \d : 숫자
// {3} : 세글자, {3,4} : 세글자 또는 네글자
const expEmailText = /^[A-Za-z0-9\.\-]+@[A-Za-z0-9\.\-]+\.[A-Za-z0-9\.\-]+$/;
3) test( ) 함수 설명
- 정규표현식에 대입한 문자열이 부합하면 true, 아니면 false를 반환해준다.
정규표현식객체.test('비교할문자열') ====> true of false가 반환된다.
- test( ) 예시
if(!expEmailText.test(email.value)){
alert('이메일 형식을 확인하세요.');
email.focus();
return false;
}
반응형
'Front-End > JavaScript' 카테고리의 다른 글
[자바스크립트] 이벤트 객체(Event Object), 이벤트 전파 (0) | 2021.06.27 |
---|---|
[자바스크립트] 이벤트(Event)와 이벤트 타입, 타겟, 리스너 (0) | 2021.06.27 |
[자바스크립트] 폼(form) 객체 (0) | 2021.06.26 |
[자바스크립트] 노드(Node) 개요, 종류, 사용법 (0) | 2021.06.26 |
[자바스크립트] 문서 객체 모델(Document Object Model, DOM), Document 객체 메소드 (0) | 2021.06.20 |