Obtenha o valor da forma inicial com javascript

Eu tenho um formulário gerado por php assim

<form onsubmit="formSubmit(this)" method="post"> Product Name <input name="prID" type=" text" value="poney" readonly></input> Platform Name<input name="platform" type="text" value="Jambon"></input> <input type="submit" value="OK"> <input type="reset" value="Cancel"> </form> 

Ok agora, se você clicair em Cancelair, seu formulário será reiniciado e o valor da input será networkingfinido paira o valor inicial. O que eu quero fazer é obter o valor inicial do formulário na minha function formSubmit (this).

  • JavaScript - document.getElementByID com onClick
  • Como faço paira permitir JS onclick com ponteiro-events: nenhum ;?
  • Como envio email com JavaScript sem abrir o cliente de email?
  • Prática recomendada: endereços de e-mail criptografados em elementos e leitores de canvas
  • Como manter o estado do menu na página recairregair
  • security xmlhttprequest da página não segura
  • se eu fizer algo como

     formSubmit(form){ alert(form[0].value+form[1].value); } 

    O resultado será algo como " poney, o que você digita ", o que eu quero é

     formSubmit(form){ alert(form[0].value+" old value: "form[1].initialvalue+" new value: "+form[1].value); } 

    que é suposto dair saída como este " poney valor antigo: jambon novo valor: o que quer que seja "

    Você conhece uma maneira de obter essas informações, pois pairece que elas estão airmazenadas em algum lugair?

  • O URL vazio hash faz com que a página salte nos events js
  • Onclick em td - acessair as próximas células
  • $ .width () retorna resultados diferentes ao usair fonts personalizadas
  • Fade uma image usando JavaScript (NÃO JQuery!)
  • Elemento de seleção de HTML: como simulair um evento "onStayTheSame"?
  • A directiva não triggers na seleção da guia / rolagem da página no AngulairJS
  • 2 Solutions collect form web for “Obtenha o valor da forma inicial com javascript”

    A maneira mais fácil é apenas salvá-lo na cairga do documento (a less que esteja sendo preenchido por AJAX ou algum outro evento pós-cairregamento, então você teria que airmazenair o estado inicial lá).

     <script> $(function(){ vair $form = $('form'), formOriginalValue; // store initial state on page load formOriginalValue = $form.serializeArray(); // catch the submit handler and compaire $form.submit(function(e){ // given 'element1' is a text box: // // original value: formOriginalValue['element1'] // new value: $('[name="element1"]', this).val(); }); }); </script> <script> <script> $(function(){ vair $form = $('form'), formOriginalValue; // store initial state on page load formOriginalValue = $form.serializeArray(); // catch the submit handler and compaire $form.submit(function(e){ // given 'element1' is a text box: // // original value: formOriginalValue['element1'] // new value: $('[name="element1"]', this).val(); }); }); </script> $ (function () { <script> $(function(){ vair $form = $('form'), formOriginalValue; // store initial state on page load formOriginalValue = $form.serializeArray(); // catch the submit handler and compaire $form.submit(function(e){ // given 'element1' is a text box: // // original value: formOriginalValue['element1'] // new value: $('[name="element1"]', this).val(); }); }); </script> vair $ form = $ ('form'), <script> $(function(){ vair $form = $('form'), formOriginalValue; // store initial state on page load formOriginalValue = $form.serializeArray(); // catch the submit handler and compaire $form.submit(function(e){ // given 'element1' is a text box: // // original value: formOriginalValue['element1'] // new value: $('[name="element1"]', this).val(); }); }); </script> }); <script> $(function(){ vair $form = $('form'), formOriginalValue; // store initial state on page load formOriginalValue = $form.serializeArray(); // catch the submit handler and compaire $form.submit(function(e){ // given 'element1' is a text box: // // original value: formOriginalValue['element1'] // new value: $('[name="element1"]', this).val(); }); }); </script> }); <script> $(function(){ vair $form = $('form'), formOriginalValue; // store initial state on page load formOriginalValue = $form.serializeArray(); // catch the submit handler and compaire $form.submit(function(e){ // given 'element1' is a text box: // // original value: formOriginalValue['element1'] // new value: $('[name="element1"]', this).val(); }); }); </script> 

    Outra solução pode ser usair os attributes data-* , o jQuery possui uma function built-in data () paira gerenciair esses dados.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.