차근차근/JAVA Script

이메일 유효성 검사

예쁜꽃이피었으면 2014. 7. 29. 00:34

http://mosei.tistory.com/entry/%EC%9D%B4%EB%A9%94%EC%9D%BC-%EC%9C%A0%ED%9A%A8%EC%84%B1-%EA%B2%80%EC%82%AC

 

회원가입이나 이벤트 처리 시 자주 사용하는 이메일 유효성 검사방법을 알아보자.

아래 소스는 @ 와 .com 의 이메일 형식이 되었을 때 true를 반환하는 예제이다.

소스를 실행하고 input박스에 한자한자 테스트 해보자.

 

<!DOCTYPE html>

<html>

<head>

<script>

 //메일 유효성체크

var mailCheck = function(){

email = document.getElementById("email").value;

eCheck=/^[_a-zA-Z0-9]+([-+.][_a-zA-Z0-9]+)*@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/i;

var mail_check=eCheck.test(email);

if(mail_check==true){

// 통과

alert("통과");

}else{

// 실패

alert("실패");

}

}

</script>

</head>

<body>

<input type="email" id="email" name="email" style="width:180px; height:25px;" onkeyup="mailCheck()"/>

</body>

<html>


반응형

'차근차근 > JAVA Script' 카테고리의 다른 글

innerHTM  (0) 2014.07.29
폼체크 자바스크립트  (0) 2014.07.29
[자바스크립트] 정규식 한글만, 영어만, 숫자만 유효성 검사  (0) 2014.07.29
스크립트 내에 주석이유는?  (0) 2014.07.29
팝업창 띄우기  (0) 2014.07.29