정규표현식으로 email 형식을 체크하는 자바스크립트

출처 : http://tong.nate.com/monkey82/2947064

<script>
/*
 이메일을 체크하기 위한 함수
 인수로는 element(input type=text)를 받음.

 정규 표현식 ==>

^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$

 

^[0-9a-zA-Z]                --> 첫글자는 숫자또는 영문자
[-_\.]?                           --> - 또는 _ 또는 . 이 0번 또는 1번  .은 특수문자 이므로 \. 으로
[0-9a-zA-Z]                 --> 숫자또는 영문자
([-_\.]?[0-9a-zA-Z])*@ --> @ 앞에(-,_,. 이 0~1번, 그 뒤에는 숫자,영문자)이 한번 또는 여러번
[0-9a-zA-Z]                --> @ 뒤에는 숫자 또는 영문자
[-_\.]?                          --> - 또는 _ 또는 . 이 0번 또는 1번
([-_\.]?[0-9a-zA-Z])*.   --> . 앞에(-,_,. 이 0~1번, 그 뒤에는 숫자,영문자)이 한번 또는 여러번
[a-zA-Z]{2,3}$             --> . 뒤 마지막 문자열은 영문자가 2~3개

   가능한 형식 예 : aaa@bbb.com  a7a.dd@bbbb.pe.kr.com  777_d-3@bbb.com
불가능한 형식 예 : -aaa@bbb.com  a#aa@co.kr  aaa@bbb@ccc.com  aaa@bbb.c  aaa@bbb.comp

*/
function valid_email(ele) { 
    re=/^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
   
    // 위의 조건을 만족하려면 최소 6자 이상이어야 함.
    if(ele.value.length<6 || !re.test(ele.value)) {
        alert("메일형식이 맞지 않습니다.\n 다시 입력해주세요.\n");
        ele.select();
        ele.focus();
        return false;
    } else {
        alert("제대로된 형식");
        return true;
    }
}
</script>

 

<h2>E-mail 확인</h2>
<p>
<font size=4>이메일 형식을 체크하는 정규식 입니다.</font>
<FORM name=data_form>
    Email: <INPUT TYPE=TEXT NAME=email value="">
    <input type=button value="확인" omClick="javascript:valid_email(document.data_form.email);">
</FORM>