JS: onbeforeunloadの使い方について

Question

実現したいこと

入力フォームの途中で、ユーザーがリロードしようとしたら警告メッセージを表示し、「再度読み込み」をクリックされたら指定した先にリダイレクトされるようにしたい。

  window.onbeforeunload = function(e) {
    e.returnValue = "ページを離れようとしています。よろしいですか？";
    window.location.href = "https://www.google.com/";
  }

Comments

[maisumakun]

現状のコードでは、どういう挙動になるのですか？

[nanase21]

railsでサンプルアプリを作っておりpostアクションのページでのリロードで再読み込みをするとルーティングエラーになってしまいます。

[maisumakun]

「postアクションのページ」が「入力途中」なのですか？

[nanase21]

ウィザードフォームのような形式のフォームにしており、post アクション先のページで再度入力して送信というフローでフォーム処理を作っております。

[m.ts10806]

念のため「Ruby on Rails」もタグに追加された方が良いかと思います。

Answer 1

postアクションのページでのリロードで再読み込みをするとルーティングエラーになってしまいます。

そのルーティングをRails側でセットして、アクションには適切な箇所へのリダイレクトを組み込む、というような対応も考えられます。