フォームを入力したのに未送信の場合に警告を表示するJS

フォームを入力したのに未送信の場合に警告を表示するJS

フォーム入力後、ページ移動するときにフォームが未送信の場合、に警告を表示するJSでコードです。

$(function() {
  var isChanged = false;

  $(window).bind("beforeunload", function() {
    if (isChanged) {
      return "フォームが未送信です";
    }
  });

  $("form.beforeunload input, form.beforeunload select, form.beforeunload textarea").change(function() {
    isChanged = true;
  });

  $("form").on('submit', function() {
    isChanged = false;
  });
});

デモ

See the Pen jdWOeR by mizusawa (@webty_mizusawa) on CodePen.