戻る

JavaScriptでフォームの送信確認をする(Formオブジェクト)

記述方法1

氏名:
MAIL:
URL:
内容:

<script>
function fncSubmit(){
	if(window.confirm("送信しますか")){
		alert("送信しました");
		
		//return false;であらかじめ送信を止めているので、onSubmitの場合も必要
		document.frm1.submit();
	}
	else{
		alert("送信しませんでした");
	}
}
</script>
<form name="frm1" action="http://www.yahoo.co.jp" method="POST" onsubmit="fncSubmit();return false;">
<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で送信" onclick="fncSubmit()">
</fieldset>
</form>

記述方法2

氏名:
MAIL:
URL:
内容:

<script>
document.frm2.onsubmit = function(){
	fncFrm2Submit();
	return false;
}

document.frm2.btn.onclick = function(){
	fncFrm2Submit();
}

function fncFrm2Submit(){
	if(window.confirm("送信しますか")){
		alert("送信しました");
		document.frm2.submit();
	}
	else{
		alert("送信しませんでした");
	}
}
</script>
<form name="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>

記述方法3

氏名:
MAIL:
URL:
内容:

<script>
document.frm3.addEventListener("submit",function(event){
	fncFrm3Submit();
	event.preventDefault();
});

document.frm3.btn.addEventListener("click",function(){
	fncFrm3Submit();
});

function fncFrm3Submit(){
	if(window.confirm("送信しますか")){
		alert("送信しました");
		document.frm2.submit();
	}
	else{
		alert("送信しませんでした");
	}
}
</script>
<form name="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>

inserted by FC2 system