본문 바로가기
개발/Javascript

[js] button submit 막기 (ft. form)

by 코딩하는 갓디노 2022. 1. 16.

[js] button submit 막기 (ft. form)

 

button의
submit 방지하는 방법입니다.

 

form 태그에서 내에 위치하는 button은 클릭 시
항상 onSubmit 속성의 함수를 실행하는데요.
button에 뒤로 가기 또는 취소의 기능을 원할때는 onSubmit 기능을 막아야 합니다.

 

button submit 방지

button type 속성을 button으로 설정합니다.

<button type="button">버튼</button>

 

form 태그 안의 button 사용법

<form>
	<button type="submit">저장</button> //submit 실행
    <button type="button">취소</button> //submit 방지
</form>
반응형

댓글