[jQuery] submit 전에 이벤트 수행

Jinny Kim·2021년 9월 22일
0

JQuery

목록 보기
3/5
post-custom-banner

<input type="submit"> , <input type="image"> 또는 <button type="submit"> 등은 submit이라는 form의 요소들을 서버에 전달하는 submit이라는 기능을 기본 동작으로 수행한다.

해당 태그들의 기본 기능인 submit이 수행 되기 전에 특정 이벤트를 동작시키기 위해서는 event.preventDefault() 를 사용해야 한다.

  var form = $('#formId')[0]; 
  // ==document.getElementById(); html DOM 객체인 form tag 받아오는 법
  
  form.addEventListner('submit', function(event) {
  	event.preventDefault(); // 기본 동작인 submit 중단
  	UserMethod();	//submit 전에 실행할 이벤트 코드
	form.submit();	//이벤트 수행 후, form submit 진행
  
  })
  
profile
공부한 것들을 기록합니다.
post-custom-banner

0개의 댓글