diff --git a/lib/Coocook/Controller/Recipe.pm b/lib/Coocook/Controller/Recipe.pm
index 77d223bf..21045905 100644
--- a/lib/Coocook/Controller/Recipe.pm
+++ b/lib/Coocook/Controller/Recipe.pm
@@ -106,7 +106,6 @@ sub edit : GET HEAD Chained('base') PathPart('') Args(0) RequiresCapability('vie
     $c->user
       and $c->stash(
         import_url => $c->uri_for_action( '/browse/recipe/import', [ $recipe->id, $recipe->url_name ] ) );
-
 }
 
 sub new_recipe : GET HEAD Chained('submenu') PathPart('recipes/new')
diff --git a/root/static/js/script.js b/root/static/js/script.js
index 8910b1a2..70e03a52 100644
--- a/root/static/js/script.js
+++ b/root/static/js/script.js
@@ -1,3 +1,5 @@
+"use strict";
+
 $(function() {
 
     // reduce options of <select> inputs for unit to units applicable to selected article
@@ -57,3 +59,24 @@ $(function() {
     });
 
 });
+
+const forms = document.getElementsByClassName('confirmIfUnsavedChanges');
+let hasUnsavedChanges = false;
+
+for( const form of forms ) {
+    const inputs =      Array.prototype.slice.apply(form.getElementsByTagName('input'));
+    const textareas =   Array.prototype.slice.apply(form.getElementsByTagName('textarea'));
+    const selects =     Array.prototype.slice.apply(form.getElementsByTagName('select'));
+    const elements =    inputs.concat(textareas).concat(selects);
+
+    for( const elem of elements ) {
+        elem.addEventListener('input', () => { if( !hasUnsavedChanges ) hasUnsavedChanges = true });
+    }
+
+    form.addEventListener('submit', () => { if( hasUnsavedChanges ) hasUnsavedChanges = false });
+}
+
+// See documentation about 'beforeunload' event on https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+window.addEventListener('beforeunload', (e) => {
+    if( hasUnsavedChanges ) e.preventDefault(); //
+});
diff --git a/root/templates/dish/edit.tt b/root/templates/dish/edit.tt
index ea8ed3de..e12132b4 100644
--- a/root/templates/dish/edit.tt
+++ b/root/templates/dish/edit.tt
@@ -10,33 +10,33 @@
     <input type="submit" value="Delete dish">
 </form>
 
-<form action="[% dish.update_url %]" method="post">
-<p>Name: <input type="text" name="name" value="[% dish.name | html %]"></p>
-<p>Comment: <input type="text" name="comment" value="[% dish.comment %]"></p>
-<p>Servings: <input type="number" name="servings" value="[% dish.servings %]"> <em>Changing here doesn’t recalculate values!</em></p>
-<p>Tags: <input type="text" name="tags" value="[% dish.tags_joined %]"></p>
-<p><label for="prepare_at_meal">Prepare at meal:</label>
-    <select id="prepare_at_meal" name="prepare_at_meal">
-        <option value="" [% 'selected' IF NOT dish.prepare_at_meal.defined %]>(none)</option>
-[% FOR meal IN prepare_meals %]
-        <option value="[% meal.id %]" [% 'selected' IF dish.prepare_at_meal.id == meal.id %]>[% display_date(meal.date) %]: [% meal.name | html %]</option>
-[% END %]
-    </select>
-</p>
+<form class="confirmIfUnsavedChanges" action="[% dish.update_url %]" method="post">
+    <p>Name: <input type="text" name="name" value="[% dish.name | html %]"></p>
+    <p>Comment: <input type="text" name="comment" value="[% dish.comment %]"></p>
+    <p>Servings: <input type="number" name="servings" value="[% dish.servings %]"> <em>Changing here doesn’t recalculate values!</em></p>
+    <p>Tags: <input type="text" name="tags" value="[% dish.tags_joined %]"></p>
+    <p><label for="prepare_at_meal">Prepare at meal:</label>
+        <select id="prepare_at_meal" name="prepare_at_meal">
+            <option value="" [% 'selected' IF NOT dish.prepare_at_meal.defined %]>(none)</option>
+    [% FOR meal IN prepare_meals %]
+            <option value="[% meal.id %]" [% 'selected' IF dish.prepare_at_meal.id == meal.id %]>[% display_date(meal.date) %]: [% meal.name | html %]</option>
+    [% END %]
+        </select>
+    </p>
 
-<h3>Preparation</h3>
-<textarea class="with-markdown-preview" name="preparation" cols="80" rows="10">[% dish.preparation | html %]</textarea>
+    <h3>Preparation</h3>
+    <textarea class="with-markdown-preview" name="preparation" cols="80" rows="10">[% dish.preparation | html %]</textarea>
 
-<h3>Description</h3>
-<textarea class="with-markdown-preview" name="description" cols="80" rows="10">[% dish.description | html %]</textarea>
+    <h3>Description</h3>
+    <textarea class="with-markdown-preview" name="description" cols="80" rows="10">[% dish.description | html %]</textarea>
 
-<p><input type="submit" value="Update Dish"></p>
+    <p><input type="submit" value="Update Dish"></p>
 
-<h2><a name="ingredients">Ingredients</a></h2>
+    <h2><a name="ingredients">Ingredients</a></h2>
 
-[% INCLUDE 'includes/forms/ingredients_editor.tt' %]
+    [% INCLUDE 'includes/forms/ingredients_editor.tt' %]
 
-<input type="submit" value="Update Dish">
+    <input type="submit" value="Update Dish">
 </form>
 
 [% INCLUDE 'includes/forms/ingredients_add.tt' %]
diff --git a/root/templates/recipe/edit.tt b/root/templates/recipe/edit.tt
index b99d1a46..d728a767 100644
--- a/root/templates/recipe/edit.tt
+++ b/root/templates/recipe/edit.tt
@@ -13,7 +13,7 @@
 </div>
 [% END %]
 
-<form method="post" action="[% update_url %]">
+<form class="confirmIfUnsavedChanges" method="post" action="[% update_url %]">
 
     <div class="row">
         <div class="col-sm-12 py-3">