• RSS
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

メールフォームなどのページで、「入力内容を確認する」ボタンをクリックしたらアラートを立ち上げて、「OK」か「キャンセル」ボタンをクリックさせる方法のご紹介です。

※今回はjavascript によるアラートウィンドウの表示方法ですが、jQuery で確認アラートを表示する方法 も別記事で紹介させていただいておりますので、合わせて参考にしてみてください。

Javascript で確認アラートを起動させる

<script type="text/javascript">
<!--
	function checkalert() {
      if (window.confirm('入力内容に間違いないですか?')) {
			location.href = 'complete.html';
		}else{
			return false;
		}
    }
// -->
</script>
…
<button type="submit" onclick="checkalert();">入力内容を確認する</button>
「入力内容を確認する」ボタンをクリックするとアラートが起動します。
JavaScript による確認アラートの表示方法

「OK」ボタンをクリックすると、location.href で指定したcomplete.html へ遷移します。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください