スポンサード

以前にJavaScript による確認アラートの表示方法 で紹介させていただいた記事の関連になりますが、

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

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

<script src="./jquery.min.js"></script>
<script>
$(document).ready(function(){
	$('.confirm_buttton').click(function(){
		if(!confirm('入力内容に間違いないですか？')){
			return false;
		}else{
			location.href = 'complete.html';
		}
	});
});
</script>
…
<button type="submit" id="confirm">入力内容を確認する</button>

「入力内容を確認する」ボタンをクリックすると↓このようなアラートが起動し、


「OK」ボタンをクリックした際はcomplete.html へ遷移させる形になります。

スポンサード