以前にJavaScriptによる確認アラートの表示方法 で紹介させていただいた記事の関連になりますが、
今度はjQueryでフォームなどで「入力内容を確認する」ボタンをクリックした際に、アラートを立ち上げて「OK」ボタンか「キャンセル」ボタンをクリックさせる方法のご紹介です。
jQueryで確認アラートを起動させる
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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へ遷移させる形になります。
コメント