정규식 정규식을 이용한 이메일 검증 스크립트

<input type="email" class="form-control" id="juemail" placeholder="*필수" value="">

<script>

    document.querySelector("#juemail").addEventListener("focusout", validEmail);

    // email 유효성을 검사하는 함수 validation 

    function validEmail(){

        const email = document.querySelector("#juemail");

        const pattern = /^[^·]+@[^·]+\.[a-z]{2,3}$/;   // email 값의 조건

        if(email.value.match(pattern)){

            alert("올바른 이메일 형식입니다");

            email.className = "form-control";

        } else {

            alert("이메일 형식이 올바르지 않습니다");

            email.className = "form-control text-danger";

        }

    }

</script>