戻る

JavaScriptでフォームの送信する（DOM）

記述方法１

氏名：

MAIL：

URL：

内容：

<script>
function fncSubmit(){
	alert("送信します");
	
	//onsubmitの場合は不要
	document.getElementById("frm1").submit();
}
</script>
<form name="frm1" id="frm1" action="http://www.yahoo.co.jp" method="POST" onsubmit="fncSubmit()">
<fieldset>
	氏名：<input name="name" type="text" value="" data-role="none">
</fieldset>
<fieldset>
	MAIL：<input name="mail" type="text" value="" data-role="none">
</fieldset>
<fieldset>
	URL：<input name="url" type="text" value="" data-role="none">
</fieldset>
<fieldset>
	内容：
	<textarea name="content" data-role="none"></textarea>
</fieldset>
<fieldset>
	<input type="submit" name="smt" value="submitで送信" data-role="none">
	<input type="button" name="btn" value="buttonで送信" onclick="fncSubmit()" data-role="none">
</fieldset>
</form>

記述方法２

氏名：

MAIL：

URL：

内容：

<script>
document.getElementById("frm2").onsubmit = function(){
	alert("送信します");
}

document.getElementById("frm2").childNodes[9].childNodes[3].onclick = function(){
	alert("送信します");
	document.getElementById("frm2").submit();
}
</script>
<form name="frm2" id="frm2" action="http://www.yahoo.co.jp" method="POST">
<fieldset>
	氏名：<input name="name" type="text" value="">
</fieldset>
<fieldset>
	MAIL：<input name="mail" type="text" value="">
</fieldset>
<fieldset>
	URL：<input name="url" type="text" value="">
</fieldset>
<fieldset>
	内容：
	<textarea name="content"></textarea>
</fieldset>
<fieldset>
	<input type="submit" name="smt" value="submitで送信">
	<input type="button" name="btn" value="buttonで送信">
</fieldset>
</form>

記述方法３

氏名：

MAIL：

URL：

内容：

<script>
document.getElementById("frm3").addEventListener("submit",function(){
	alert("送信します");
});

document.getElementById("frm3").childNodes[9].childNodes[3].addEventListener("click",function(){
	alert("送信します");
	document.getElementById("frm3").submit();
});
</script>
<form name="frm3" id="frm3" action="http://www.yahoo.co.jp" method="POST">
<fieldset>
	氏名：<input name="name" type="text" value="" data-role="none">
</fieldset>
<fieldset>
	MAIL：<input name="mail" type="text" value="" data-role="none">
</fieldset>
<fieldset>
	URL：<input name="url" type="text" value="" data-role="none">
</fieldset>
<fieldset>
	内容：
	<textarea name="content" data-role="none"></textarea>
</fieldset>
<fieldset>
	<input type="submit" name="smt" value="submitで送信" data-role="none">
	<input type="button" name="btn" value="buttonで送信" data-role="none">
</fieldset>
</form>

Copyright © 2012 YOHSUKE NAKANO