반응형
Javscript를 이용해서 사용자가 입력한 이메일 주소의 정합성을 체크하는 정규식은 아래와 같습니다.
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
예시로 하나를 구현하자면..
<html>
<head>
<title>테스트</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function validation() {
var result = $("#result");
var email = $("#email").val();
result.text("");
if (validateEmail(email)) {
result.text(email + " 이 이메일 주소는 정상입니다.");
result.css("color", "green");
} else {
result.text(email + " 이 이메일 주소는 잘못되었습니다.");
result.css("color", "red");
}
}
</script>
</head>
<form>
<p>이메일 주소 :</p>
<input id="email">
<a href="javascript:validation();">검증</a>
</form>
<h2 id="result"></h2>
</body>
</html>
이메일 주소를 정상적으로 입력한 경우
 |
이메일 주소를 비정상적으로 입력한 경우
 |
이상입니다.
반응형
'IT이야기' 카테고리의 다른 글
| 최고의 Drupal 배포 전략 (0) | 2021.03.21 |
|---|---|
| Javascript로 replaceAll 만들기 (0) | 2021.02.22 |
| INNER JOIN, LEFT OUTER JOIN, RIGHT OUTER JOIN, FULL JOIN의 차이점 (0) | 2021.02.18 |
| Javascript "let"와 "var"의 차이점 (0) | 2021.02.18 |
| 오라클 테이블 구조 및 데이터 복사하기 CREATE TABLE AS (0) | 2021.02.17 |