phpのform submitをキャンセルさせるダイアログをjavascriptで作成

php

キャンセルさせたいことあるよねということであちこち探してやっつけました。
ポイントはform支持で使用の　onsubmit=”return confirm_test() です。
こんな機能があったんだね。いつも端折って自分だけのページ作成しているから…気が付かなかった。
index.html

  1. <!DOCTYPE html>
  2. <html lang=“jp”>
  3. <head>
  4.  <meta charset=“UTF-8”>
  5. <title>Alert test</title>
  6. <script>
  7. function confirm_test() {
  8.     var select = confirm(“問い合わせますか？\n「OK」で送信\n「キャンセル」で送信中止”);
  9.     return select;
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <form method=“POST” action=“alert.php” onsubmit=“return confirm_test()”>
  15. <input type=“text” name=“user_name” value=“” /><br /><br />
  16. <textarea name=“user_question”></textarea><br /><br />
  17. <input type=“submit” value=“問い合わせる” />
  18. </form>
  19. </body>
  20. </html>

alert.php

  1. <?php
  2.  echo $_POST[“user_name”];
  3.  echo $_POST[“user_question”];
  4. ?>

●もうひとつ href=”#!” がみそです

  1. <!DOCTYPE html>
  2. <html lang=“ja”>
  3. <head>
  4. <meta charset=“UTF-8”>
  5. <title>セミナルーム</title>
  6. </head>
  7. <body>
  8. <p><a id=”btn” href=”#!”>チャット内容の初期化</a></p>
  9. <p><a href=“deleteForm.php”>ファイル削除</a></p>
  10. <p><a href=“index.php”>トークルーム</a></p>
  11. <script>
  12. btn.addEventListener(‘click’, function() {
  13.     var result = window.confirm(‘ボタンをクリック！’);
  14.     if( result ) {
  15.        console.log(‘OKがクリックされました’);
  16. 　　location.href = “http://xxx.jp/abc/clearChatlog.php”;
  17.     }
  18.     else {
  19.       console.log(‘キャンセルがクリックされました’);
  20.     }
  21. })
  22. </script>
  23. <body>
  24. </html>
No tags for this post.
タイトルとURLをコピーしました