title: jquery warn if leaving page without clicking the save button
body: <p>The following code executes a warning if you change data on the page and then leave the page.  I want that - except when the user presses the save button.</p>
  
  <p>This is the jquery code:</p>
  
  <pre><code>$(document).ready(function() {
    formmodified=0;
      $('form *').change(function(){
          formmodified=1;
      });
    window.onbeforeunload = confirmExit;
      function confirmExit() {
        if (formmodified == 1) {
            return "New information not saved. Do you wish to leave the page?";
        }
    }
  });
  </code></pre>
  
  <p>This is the button that saves the data:</p>
  
  <pre><code>&lt;input class="btn-primary" name="commit" type="submit" value="Save Material"&gt;
  </code></pre>
  
  <p>UPDATE
  Thanks tymeJV  !!!!!!!</p>
  
  <p>In case someone else need it, this works:</p>
  
  <pre><code>$(document).ready(function() {
      formmodified=0;
      $('form *').change(function(){
          formmodified=1;
      });
      window.onbeforeunload = confirmExit;
      function confirmExit() {
          if (formmodified == 1) {
              return "New information not saved. Do you wish to leave the page?";
          }
      }
      $("input[name='commit']").click(function() {
          formmodified = 0;
      });
  });
  </code></pre>