본문 바로가기
카테고리 없음

javascript 정규표현식으로 이메일, 핸드폰 번호 유효성 검사

by 원피스랜드 2020. 12. 23.
반응형

 

javasciprt 정규표현식 쓸때 두가지 방법이 있다.


   1. 리터럴 사용 (앞뒤에 / 를 사용하여 감싼다. ' 나 "는 넣지 않는다.)
        var pattern = /s$/; 

    2. RegExp 객체 생성
        var pattern = new RegExp("s$");

 

 

[핸드폰 번호 체크]

   var phoneNum = '010-xxxx-xxxx'; 

  

    var patternPhone = /01[016789]-[^0][0-9]{2,3}-[0-9]{3,4}/;

    // var patternPhone = new RegExp("01[016789]-[^0][0-9]{2,3}-[0-9]{3,4}");  

   //둘중에 하나골라 쓰면 된다.
    if(!patternPhone.test(phoneNum))
    {
        alert('핸드폰 번호를 확인 해주세요');
        return;
    }  

 

[이메일 체크] 

 

<script>

 

function checkEmail(){


    var emailAddr = youngxxx@naver.com; //이메일 주소 


      

var regExpEmail = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;
   
    if(emailAddr.length < 6 || !regExpEmail.test(emailAddr))
    {
        alert('메일형식이 맞지 않습니다.')
        return;
    }  

}

</script>

 

무료로 javascript구문을 짜서 테스트 해볼수 있는 사이트가 있습니다.
아래를 버튼 링크를 통해서 테스트 사이트 소개에 대한 내용을 함께 확인해 보시기 바랍니다.

 

javascript 테스트사이트 참조 정보 (클릭)

 

 

 

별다른 환경구성없이 웹페이지에서 바로 테스트를 해볼수 있는 페이지가 있어 함께 소개 드립니다.

모바일 종류도 다양하고, 모바일 기종마다 script의 실행결과가 다르게 나타나는 부분도 있어, 테스트를 많이 하게 됩니다.  

제가 작성한 글이 여러분에게 도움이 되었으면 좋겠습니다.

반응형

댓글