横浜の業務用ソフトウェア開発やPHPを使ったWEBシステム開発・ホームページ制作ならアイ・エヌ・ワークスにお任せください。

以下の、フォーム送信の簡単なコードが動かないでしばらく悩んだのでメモ。

[JavaScript]
<script>
function dosubmit()
{
var form = document.getElementById(‘form1’);
form.submit();
}
</script>

<form id=”form1″>
<input type=”text” name=”text1″ />
<input type=”submit” name=”submit” value=”送信” />
</form>

<a href=”#” onclick=”dosubmit();return false;”>送信テスト</a>
(このリンクが動かない…。もちろんJavaScriptオンでも)
[/JavaScript]

なぜ動かないかわかりますか。

答えは、

<input type="submit" name="submit" value="送信" />

の 「name=”submit”」の部分。
これで form.submit が上書きされてしまうため送信ができないのでした。

やっぱりJavaScriptは嫌いだ。