javascript submit 送信時の確認

JavaScript

問合せフォームなどの送信時、javascriptにて送信確認を行うスクリプト。

 

<html>
<head>
<title>weblog</title>

<script type="text/javascript"> 
<!-- 
function check(){

	if(window.confirm('送信してよろしいですか?')){ // 確認ダイアログを表示

		return true; // OK時は送信を実行
	}
	else{ // 「キャンセル」時の処理

		window.alert('キャンセルされました。'); // ダイアログを表示
		return false; // 送信を中止
	}
}
// -->
</script>
</head>
<body>

<form method="POST" action="submit.html" onSubmit="return check()">

<p>タイトル:<input type="text" name="title" size="100"></p>
<p><input type="submit" value="送信する"></p>

</form>

</body>
</html>

<head> ~ </head> 内にスクリプトを記述し、フォームの送信時にスクリプトを実行します。

フォームの送信ボタンを押下したとき、javascriptにて確認ダイアログを表示しています。

OKを押すと送信を実行。キャンセルを押すと警告ダイアログを表示して送信を中止します。

 

コメント

タイトルとURLをコピーしました