• RSS

[JS]jQuery のアラートで「OK」ボタンクリック時に指定のページへ遷移させる方法

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

以前に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>
「入力内容を確認する」ボタンをクリックすると↓このようなアラートが起動し、

jQuery のアラートで「OK」ボタンクリック時に指定のページへ遷移させる方法
「OK」ボタンをクリックした際はcomplete.html へ遷移させる形になります。



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

コメント

コメントを残す