else if 활용 : 폼 전송시 공백체크 기능 만들기 질의

$('form').on('submit', function(e){
            let inputEmail = $('#email').val();
            if ( /\S+@\S+\.\S+/.test(inputEmail) == false ){
                e.preventDefault();
                $('#email-alert').show();
            } else if(inputEmail == '') {
                e.preventDefault();

강의 그대로 해당 코드를 사용하여 공백시 폼 전송을 막고 안내문을 띄우는것 까진 잘 되었습니다.

문제는 닫기버튼을 눌러도 안내문 뜨는데 왜 그럴까요? 

제 생각엔 닫기 눌러도 email이 공백 상태 이기때문에 $('#email-alert').show(); 해당 코드가 동작하는것 같은데..

맞을까요? 어떻게 안뜨게 할 수 있을까요 ,,.