4

Como identificar se um determinando valor foi alterado no input? Possuo o protótipo abaixo, contudo o alert será exibido de acordo com o número de vezes que a class="ultimo-valor" aparece no código.

<input class="ultimo-valor" onKeyUp="ultimoValor(this)" type="text" 
value="<?php echo $ultimo_valor; ?>"/>

<input class="ultimo-valor" onKeyUp="ultimoValor(this)" type="text" 
value="<?php echo $ultimo_valor; ?>"/>

Script:

<script>
$(document).ready(
   function ultimoValor(e) {
      $('.ultimo-valor').on("change paste keyup", function() {
       alert($(this).val());
      });
});
</script>
8
  • Esta dando algum erro? Nao esta funcionando?
    – LocalHost
    Commented 20/01/2017 às 22:21
  • jsfiddle.net/teuwLswp
    – lucasbento
    Commented 20/01/2017 às 22:22
  • @LocalHost, o alert deverá ser exibido somente uma única vez para cada alteração.
    – lucasbento
    Commented 20/01/2017 às 22:22
  • publiquei uma resposta, ve se é isso
    – LocalHost
    Commented 20/01/2017 às 22:41
  • @LocalHost, obrigado pela ajuda. Não sei se expus o problema claramente, mas o MarceloBonifazio respondeu corretamente.
    – lucasbento
    Commented 21/01/2017 às 0:20

2 Respostas 2

3

Seria assim? Ao carregar o documento, guardo o valor do campo na variavel valor e ao efetuar a alteração do campo, verifico se ficou diferente do valor que esta armazenado na variave. Se esta diferente emito o alert e altero o valor da variavel valorque contem o valor atual do campo.

Veja funcionando:

$(document).ready(function() {
  //variavel que recebe o valor atual ao carregar a pagina
  var valor = $(this).val();
  // funcao que é executada ao carregar a pagina
  $('.ultimo-valor').on("change paste keyup", function() {
    // verifica se o valor esta diferente do campo
    if (valor != $(this).val()) {
      // aqui o valor foi alterado
      alert($(this).val());
      //atualiza o valor da variavel
      valor = $(this).val();
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="ultimo-valor" type="text" value="" />
<input class="ultimo-valor" type="text" value="" />
  

1
  • [+1]. Grato pela alternativa.
    – lucasbento
    Commented 21/01/2017 às 0:58
2

Estou assumindo que procura uma resposta que funcione com javascript puro ou com jquery.... (são as tags referenciadas na pergunta)

var ultimovalor = 8;

function verifica_valor(element) {
  if (ultimovalor != element.value) {
    alert("Alterou!\nNovo valor: "+element.value); 
    ultimovalor = element.value;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input onchange="verifica_valor(this)" type="text" value="20" />

<input onchange="verifica_valor(this)" type="text" value="10" />

2
  • Marcelo obrigado pela resposta. AH, JavaScript é uma linguagem e jQuery é uma biblioteca do JavaScript.
    – lucasbento
    Commented 21/01/2017 às 0:24
  • @luccasrodrigo sim eu sei, acho que não me expressei bem :) Commented 21/01/2017 às 0:49

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .