JS - 공백검사 숙제와 else if 문법

폼 전송 막는 법

$('form').on('submit', function(e){
  if (document.getElementById('email').value == '') {
    e.preventDefault();
    alert('아이디 입력하쇼');
  }
});

나중에 배울것이지만
이벤트리스너 콜백함수에 e라는 파라미터를 추가해주고 e.preventDefault() 라고 적으면 폼 전송이 안된다

else if 문법

if문 뒤에 몇번이고 원하는만큼 붙일 수 있다
조건식을 연달아 쓰고싶을 때 사용하기

if (1 == 3) {
  console.log('맞아요1')
} else if (3 == 3){
  console.log('맞아요2')
}

else if 뜻은 "그게 아니면 만약에" 라는 뜻
조건식이 참이라면 뒤에오는 else if 문은 실행하지 않는다

//3 == 3 참이기때문에
if (3 == 3) { 
	console.log('맞아요');
// 컴퓨터가 읽지 않음
} else if (1 == 3) { 
	console.log('맞아요2);
}

---

📒 오늘의 숙제

1. 전송 누르면 아이디/비번 입력란 둘 다 공백검사
2. 비번이 6자 미만이면 더 길게 입력하라고 안내문 띄우기

1번
<script>
$("#submit").on("click", function () {
	if ($("#inputId").val() == "") {
		alert("아이디를 입력하세요.");
		return false;
	} else if ($("#inputPw").val() == "") {
	alert("비밀번호를 입력하세요.");
	return false;
	}
});
</script>

2번
<script>
      $("#submit").on("click", function (e) {
        if ($("#inputId").val() == "") {
          e.preventDefault();
          alert("아이디를 입력하세요.");
        } else if ($("#inputPw").val() == "") {
          e.preventDefault();
          alert("비밀번호를 입력하세요.");
        } else if ($("#inputPw").val().length < 6) {
          e.preventDefault();
          alert("비밀번호를 더 길게 입력하세요.");
        }
</script>