submitするとなぜか2度実行する

以下のようなコーディングすると、IE6では２度POST?しているように見えます。Netscape7.1では、１度実行です。なぜ、IE6で２度実行？

<INPUT type="submit" value=" 登録 " onclick="submit();">

function submit() {
document.forms['sisaku'].test.value = "OK";
document.forms['sisaku'].submit();
}

No.4 ベストアンサー 回答者： yuchi-co 回答日時： 2006/09/11 10:52

ボタンのタイプをsubmitにすると、押した時点で送信、更にonclickでsubmit();を呼んでるので2度送信してるんじゃないでしょうか？

それと、function名のsubmitは良くないんじゃないでしょうか。もともと、submitというメソッドがあるので。

input type = "button" に変更して、function名を変えたらしっかり動くと思います。

この回答へのお礼

これで、試したら正常に動きました。

お礼日時：2006/09/11 15:06

No.3 回答者： yambejp 回答日時： 2006/09/11 10:48

というかsubmitボタンのonclickでsubmitしてるのは

どうかと思いますが・・・
普通はformにonSubmitで追加作業をさせ
trueをreturnするとsubmitが実行されます。

<script language=javascript>
function submitFunc(f) {
f.test.value = "OK";
return true;
}
</script>
<form name="sisaku" action="hogehoge.cgi" method="post" onclick="return submitFunc(this);">
<input type="submit" value="登録">
<input type="hidden" name="test" value="">
</form>

No.2 回答者： noname#25358 回答日時： 2006/09/11 10:43

　その <INPUT> タグは、本来であれば onclick= がなくてもサブミットは行われるわけです。

　なんで、メソッド submit() を実行したあと、さらに本来のサブミットまで実行されてしまっているのです。
　多重ポストを防ぐには、onclick="submit(); return false;" に変更してください。

　これは……仕様ミス？　もしかしたらマイクロソフトがわざとそうしてるのかも。
　分かりません。

　なお、独自のファンクションに submit() と名前をつけると、もしかしたら this.submit() とゴチャゴチャになるケースがあるかもしれません。
　そういうのを防ぐために、もうちょっとユニークな名前にした方がいいですよ。doSubmit() とか。

この回答へのお礼

貴重な技術アドバイスありがとうございます。

お礼日時：2006/09/11 15:05

No.1 回答者： suzume00#2 回答日時： 2006/09/11 10:39

ページのどこかに、画像を貼っていませんか？

参考ＵＲＬ18,19,20Pを見てみてください。

参考URL：http://www.seshop.com/book/preview/200112/4-7981 …

この回答へのお礼

返事が来ないと思ったら、メールオフで質問したようで、早速調べます。

お礼日時：2006/09/11 14:59