JS- `<form>`의 reset, submit 처리

reset

document.form_name.reset();

submit

• <form>요소의 action속성에 지정된 페이지로 사용자의 입력내용을 전송하는 기능.
• <input type="submit"/>요소를 클릭하거나 아래의 자바스크립트 구문의 호출을 통해서 구현된다.

document.form_name.submit();

submit 이벤트

<form>요소에 onsubmit 이벤트 적용후 return false; 처리

<form name="form_name" method="post/get" action="웹프로그램 URL"
	onsubmit="JS함수(); return false;">
</form>

submit 이벤트를 통해서 JS함수를 호출할 경우
JS함수에서는 맨 마지막에 강제로 submit 처리를 해야만 한다.

function JS함수() {
	... 입력값 검사 ...

	document.form_name.submit();
}

JS함수 안에 에러가 있을 경우 그 이후 부분은 실행되지 않기 때문에
페이지가 새로고침되는 현상이 발생한다.
이 경우 한 블록씩 코드를 지워가면서 에러가 발생하는 위치를 찾아야 한다.