form제출할때 button들 작동 막는방법

기본적으로 button태그는 기본 type이 submit이라서 모든 버튼이 서버로 제출되도록 작동된다.

나는 정보를 저장하는 '저장'버튼만 form으로 제출되고, 수정/삭제는 ajax로 처리되도록 하려고 한다.

<div class="bottom_Btn">
    <button id="savebutton" onclick="save_btn(this)" type="button">저장</button>
    <button id="delbutton" onclick="carInsClear();" type="button">취소</button>
</div>

 

간단하게 이런식으로 type="button"으로 정해주면 된다. 그러면 submit되어 서버로 제출되지 않고 내가 원하는 작업을 onclick이벤트를 걸어서 실행할 수 있다.