O JQuery é uma biblioteca de JavaScript rápida, pequena e de fácil utilização e mesmo atualmente, é possível encontrar aplicações que utilizam a biblioteca.

Ele simplifica a manipulação de documentos HTML, manipulação de eventos, animações e interações com o AJAX para desenvolvimento web.

O objetivo principal do jQuery é tornar o desenvolvimento web mais fácil e rápido, permitindo que os desenvolvedores acessem e manipulem elementos HTML de forma mais eficiente.

Neste artigo, irei demontrar um pequeno código de exemplo para verificar se o conteúdo de um input text foi alterado.

Pode parecer simples (e é realmente simples), mas acredito que isto pode também ajudar alguém em algum momento.

Verificando se o conteúdo de um input text foi alterado

Para o exemplo, iremos manipular o input com o evento change do próprio JQuery, que é associado ao evento change do próprio controle html input.

O evento “change” é acionado quando o estado de um elemento é alterado, incluindo input texts.

Veja o snippet para este exemplo:

var isDurty = false;

$('#my-input').on('change', function() {
    isDurty = true;
});

if (isDurty) {
    // The field was changed
} else {
    // The field wasn't changed
}

No exemplo acima, #my-input é o seletor jQuery para o input text que você deseja verificar. Pode ser substituido pelo seu controle ou até mesmo mais do que um, por exemplo.

A verificação ali abaixo pode ser incluída também em qualquer momento que precise fazer a verificação.

Imagino um cenário que possa utilizar isto, por exemplo, em um formulário que precise verificar se um dos campos do mesmo foram alterados e precise notificar o usuário de que algo foi modificado.

Facilmente você conseguiria notificar o usuário, talvez em algum evento de cancelar, fechar ou voltar em sua aplicação.