하기와 같이 코딩시
email 인풋에 빈칸으로 입력 후 전송버튼을 눌러도 success.html에 입력한 메시지만 나오는데 왜 알럴트창이 안뜨는건가요ㅠㅠ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="main.css" rel="stylesheet">
<title>Document</title>
</head>
<body>
<form action="success.html">
<div class="my-3">
<input type="text" class="form-control" id="email">
</div>
<div class="my-3">
<input type="password" class="form-control">
</div>
<button type="submit" class="btn btn-primary" id="send">전송</button>
<button type="button" class="btn btn-danger" id="close">닫기</button>
</form>
<script>
// alert('ㅎㅇ')
$('form').on('submit', function(){
if(document.getElementById('email').value == ''){
alert('공백임')
}
});
</script>
</body>
</html>
------------------------------------밑에는 success.html 입니다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>ㅎㅇ</p>
</body>
</html>