js 메일주소 검증

학습자 입장에선 있으면 좋다고 판단해서 적용해봤다.
실사용자 입장에서 생각하면 귀찮을 수도(?)

그리고 메일 인증까지 안 하면 abc@123.xyz처럼 형식만 맞고
실제론 존재여부 알수없는 값을 입력해도 넘어갈 수 있긴 함..

하여튼 검색하고 재밌게 느꼈던 부분이라 블로그에 올린다.

예제:

<script>
//메일주소 scr
document.getElementById("custMail").addEventListener("blur", function() {
        var input = document.getElementById("custMail");
        var value = input.value;
        var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // 이메일 형식 검사 정규식

        if (!regex.test(value)) {
            alert("올바른 메일주소를 입력해주세요.");
            input.value = ""; // 유효하지 않은 입력일 경우 입력 필드를 비웁니다.
        }
    });
//메일주소 scr 끝
</script>

			<th><p>메일주소:</p></th>
            <td><input class="input" type="email" name="custMail" id="custMail" 
            placeholder="hong@gmail.com">
            </td>

결과: