[JS] 폼 전송 막는 방법

폼 전송 막는 방법

 

콜백 함수에 e라는 파라미터 추가해주고
e.preventDefault() 라고 쓰기

 

HTML

        <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>

JS

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