Form에서 전화번호 / 이메일 형식 만들기

자바스크립을 사용하지 않는 방법:

http://xx707xx.tistory.com/40

 

 

 

자바스크립 정규식을 이용한 방법 1:

 

모든 공백 체크 정규식

var regExp = /\s/g;

숫자만 체크 정규식

var regExp = /^[0-9]+$/;

이메일 체크 정규식

var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 

핸드폰번호 정규식

var regExp = /^\d{3}-\d{3,4}-\d{4}$/;

일반 전화번호 정규식

var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/;

아이디나 비밀번호 정규식

var regExp = /^[a-z0-9_]{4,20}$/; 

휴대폰번호 체크 정규식

var regExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/;

if ( !regExp.test( $(#hp).val() ) ) {

      alert("잘못된 휴대폰 번호입니다. 숫자, - 를 포함한 숫자만 입력하세요.");

      return false

}

 

출처: http://cheolgoon.tistory.com/entry/%EC%A0%84%ED%99%94%EB%B2%88%ED%98%B8-%EC%A0%95%EA%B7%9C%EC%8B%9D-%EC%9D%B4%EB%A9%94%EC%9D%BC-%EC%A0%95%EA%B7%9C%EC%8B%9D-%EB%B9%88%EA%B0%92%EC%B2%B4%ED%81%AC-%EC%A0%95%EA%B7%9C%EC%8B%9D

 

 

 

자바스크립 정규식을 이용한 방법 2:  http://blog.acronym.co.kr/243

 

 

 

정규식 표현 이해:

 

var pattern = /rules/;

식으로 써주면 된다.

^ : 시작표시(매칭이 처음부터 되어야 함)
$ : 끝표시(문자열 끝에 매칭되어야 함)
[] : 문자열 셋
      [ab][a-z][0-9] 라고 써주면 첫글자는 a또는 b이고 그 다음에 a~z가 나오고 그 뒤에 0~9가 나온다는 뜻..
      []안에서 ^쓰면 그 문자가 아닌것들
* : 0번 이상 반복
+ : 1번 이상 반복
? : 0 또는 1회
{} : 횟수 표시
      [a]{2}이면 aa이고 [a]{2,}이면 a가 2개 이상인거 [a]{2, 4}이면 aa, aaa, aaaa 이다.
\d : 숫자, [0-9]와 같음
\D : 숫자가 아닌 것들 [^0-9]와 같음
| : Or의 뜻
{} : 그룹을 묶어 준다.
. : 뉴라인(\n)제외한 한 문자 (진짜 .을 찍기 위해선 \.으로 표시해야 한다.)

더 자세한 문법은  Wikipedia 참고

옵션 /rules/ig 와 같이 써준다.

g : 글로벌의 뜻. 전역 매칭을 한다. 처음부터가 아닌 전체에서 정규식이 맞는걸 찾는다.
i : case Insensitive, 대소문자 구별안함
m : Multiline

정규식 테스트 사이트

덧) 특수문자를 매칭시켜주려면 \\를 사용한다. \\. 이나 \\| 처럼

 

출처: https://blog.outsider.ne.kr/141