0

tenho uma textfield com um id e quero que no momento que acabo que escrever execute uma ação onChange em JavaScript.

<input type='text' id='idNewClient' />

Parte do JS

$("idNewClient").change(function() {
    console.log("teste");
});

Tenho sempre um erro "change is not a function".

6
  • O fato de estar faltando o "#" no seletor não deveria ser a causa do erro citado. No máximo o evento não seria disparado. Tente usar $("#idNewClient").on("change", function() {
    – Sam
    13/09/2018 às 16:44
  • Se com a sugestão acima aparecer o erro "on is not a function", aí o problema é outro.
    – Sam
    13/09/2018 às 17:05
  • 1
    tem certeza que o jquery está carregado? se abrir o developer tools e digitar por exemplo $('teste') aparece o que? 13/09/2018 às 17:20
  • @RicardoPontual Creio que se o jQuery não estivesse carregando daria o erro "$ is not defined"
    – Sam
    13/09/2018 às 17:23
  • extamente @sam, só pra confirmar se dá erro na página, pode ser até outro script, só pra tirar a dúvida 13/09/2018 às 17:28

2 Respostas 2

2

Seu seletor jQuery está errado. Está faltando um "#" antes do ID do input.

Com o seguinte código funcionará.

$("#idNewClient").change(function() {
    console.log("teste");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='text' id='idNewClient'/>

0

Se o objeto retornado não possui o método change significa que este objeto não é um objeto jQuery.

Para checar se a variável $ é realmente o jQuery você pode checar o conteúdo de $.fn.jquery.

Se printar uma string como "1.12.4" é porque $ é o jQuery e a string representa a versão. Mas esse não é o seu caso, pois se fosse não ocorreria o erro citado na pergunta.

OK, descobrimos que $ não é jQuery, o próximo passo é descobrir se o jQuery foi realmente carregado. Para isso cheque a o conteúdo de window.jQuery. Se for undefined é muito provável que o jQuery não foi carregado com a página.

A única excessão seria se houvesse algum jQuery.noConflict() no seu código. Exemplo:

// window.$ não é modificado. Apenas window.jQuery contém a lib
jQuery.noConflict();

// window.$ e window.jQuery não são modificados. Apenas window.jimCarrey contém a lib
let jimCarrey = jQuery.noConflict(true);

Então depois de entender os conceitos acima o passo a passo para descobrir seria:

>> $.fn.jquery
"1.12.4"     // OK
>> $.fn.jquery
ReferenceError: $.fn is undefined  // $ não é jQuery

>> jQuery.fn.jquery
"1.12.4"     // OK, apenas $ não é jQuery
>> jQuery.fn.jquery
ReferenceError: jQuery is not defined  // jQuery não carregado
>> jQuery.fn.jquery
ReferenceError: jQuery.fn is undefined  // jQuery foi sobrescrito

Se os testes acima falharem, dê um Ctrl + F e pesquise por jQuery.noConflict no seu código. Se não achar é porque não está carregado.

Curiosidade

Se o jQuery não está carregado como $('body') retorna um elemento HTML corretamente quando executo no console do navegador?!?!

Alguns navegadores modernos (como o Firefox, o Chrome e o Edge) usam o $ como um alias para document.querySelector() e $$ como alias para document.querySelectorAll() casos estes não sejam utilizados pela página carregada.

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 .