두번 연속 submit 방지하기

폼을 submit할 수 있는 방법은 form안의 submit 버튼을 직접 누르는 것과 어떤 이벤트 헨들러에서 form의 submit()을 사용하는 두 가지 방법이 있습니다.


1. Form submit 단추로 보내기

<form name="formName">
	<input type=text name="txt1">
	<input type=submit value="보내기">
</form>

submit 단추를 이미지로 할 수도 있습니다.

<form name="formName">
	<input type=text name="txt1">
	<input type=image src="이미지.jpg">
	</form>

<form name="formName">
	<input type=text name="txt1">
	<input type=text name="txt2">
</form>
<a href="#" onClick="document.formName.submit()">폼 보내기</a>

3. form의 text 상자에서 enter로 보내기.

     <form name="formName">
        <input type=text name="txt1">
     </form>

폼의 text상자가 하나만 있다면 text 상자에 커서를 두고 엔터를 누르면 submit합니다. text 상자가 2개 이상이라면 이 방법은 듣지않습니다.


cgi에 보내고 자신의 창을 닫기

어떤 CGI에 폼을 보낼 때, 작은 창을 새로 열고 새창에서 submit을 하고 결과를 자신을 열은 창에 보내고 자신은 폼을 보냈으므로 필요가 없습니다. 그래서 닫아야 하는데, 이 때 nn3,nn4와 ie4가 조금 다릅니다.

<form action="CGI.cgi" target="OpenerRightFrame">
<input type=submit onClick="window.close()">

는 ie4에서는 되는데, nn4, nn3에서는 창을 닫기만 하고 submit가 되지않습니다.

submit 버튼의 click 이벤트에서 창을 닫았으므로 submit가 되지않습니다. 하지만, ie4는 submit를 합니다.

<input type=submit onClick="setTimeout('window.close()', 1)">

로 하면 nn3, nn4, ie4 모두 submit을 하고 창을 닫습니다. onClick이벤트가 먼저 일어나는데, 그것을 뒤로 미루는 것입니다. ie4는 예외 같군요..

위의 소스는 하드디스크의 작은 화일로 할 때는 되는데, 일반 cgi에서는 잘 되지 않을 수 있습니다.
function submitForm() {
  setTimeout("self.close()",2000)
}

<form action="CGI.cgi" target="OpenerRightFrame" onSubmit="submitForm()">

로 2초 정도 후에 창을 닫으면 대부분 가능했습니다.

target에서 프레임이 있는 창에서 열은 창에서 submit할 때, target는 자신을 열은 프레임의 이름입니다. opener는 지정할 필요가 없습니다.

자신을 열은 프레임의 parent에 target를 지정할 때는 frameset를 지정할 때, 자신의 이름을 self.name="Name"로 지정하고 그 이름을 새 창의 폼 target에 지정하면 됩니다.


하나의 폼으로 두개의 다른 CGI에 submit하기.

function subForm(X, Y) {
	X.action = Y;
	X.submit();
}

<form name="fo">
	<input type=text name="text1">
	<input type=button onClick="subForm(this.form, 'cgiA')" value="A cgi에 보내기">
	<input type=button onClick="subForm(this.form, 'cgiB')" value="B cgi에 보내기">
</form>