[JavaScript]form submit 2번 연속 발생 해결

문제

 

아래와 같은 소스로 버튼을 한 번 클릭하여 submit 하면 Controller에서 두 번 요청이 오는 현상 발생

 

<form id = 'frm'>
	<button onclick="InsertFrm()">추가</button>
</form>

<script>
function InsertFrm() {
	$("#frm").submit();
}
</script>

해결

 

type="button”을 지정하여 InsertAccount()에서만 submit되고 form 자체에서는 submit이 되지 않도록 함

<button type="button" onclick="InsertFrm()">추가</button>