Get Initial Form Value With Javascript

I have a php generated form like this

Product Name

Solution 1:

Easiest way is to just save it on document load (unless it's being populated by AJAX or some other post-load event; then you'd have to store the initial state there).

<script>
  $(function(){
    var $form = $('form'),
        formOriginalValue;

    // store initial state on page load
    formOriginalValue = $form.serializeArray();

    // catch the submit handler and compare
    $form.submit(function(e){
      // given 'element1' is a text box://// original value: formOriginalValue['element1']//      new value: $('[name="element1"]', this).val();
    });
  });
</script>

Solution 2:

Another solution may be to use data-* attributes, jQuery has a built-in data() function in order to manage these data.

Share

You may like these posts

• 
  How To Get Cloned Radio Buttons To Pass Their Values Through To A Form Process
• 
  Jquery Dynamic Form, Event On Dynamic Field
• 
  Tabbed Forms Using Html, Css, Js
• 
  Attaching Textbox Value To A Link In The Form Of A Variable Without Using Submit Button