폼 전송할 때 값이 공백인 경우 전송을 막는 기능

 

event.preventDefault();

const $ = (selector) => document.querySelector(selector);

const stopSubmit = (item1, item2) =>
  $('.btn').addEventListener('click', (e) => {
    if (item1 === '.email' && !$(item1).value) {
      alert('email을 입력해주세요');
      return e.preventDefault();
    }

    if (item2 === '.password' && !$(item2).value) {
      alert('비밀번호를 입력해주세요');
      return e.preventDefault();
    }
  });

stopSubmit('.email', '.password');