5

Preciso que o mesmo método seja chamado em dois eventos, ou seja, no load da página carregar os dados, e caso o valor do input seja alterado carregar novamente o código.

($("#cpf_cnpj").load(function() or $("#cpf_cnpj").focusout(function()) {
     codigo
}

Como é a forma correta de fazer segundo a ilustração acima?

1
  • .ready é usado apenas no contexto de document, explique melhor quais eventos. 23/06/2015 às 17:31

2 Respostas 2

3

Que tal

function myFunction () { /* codigo */ }

document.addEventListener('DOMContentLoaded', myFunction);
document.getElementById('cpf_cnpj').addEventListener('change', myFunction);

Eu botei o handler no change, logo ele só dispara quando o usuário alterou o campo e saiu dele. Se você quiser disparar toda vez que o usuário alterar o campo (mesmo ele ainda estando nele), você pode trocar por input; ambos são IE 9+.

JSFiddle.

1
$(document).ready(function(){

    $("#cpf_cnpj").on('load blur',validaCpfCnpj);

    function validaCpfCnpj(){
       // Script
    }

});

Pode ser feita assim:

1 - Cria a função independente de evento.

2 - Depois chama as funções que deseja pelo método on. Nesse caso ao carregar página e ao sair do foco.


Outra maneira:

$(document).ready(function(){

    validaCpfCnpj();

    $("#cpf_cnpj").on('blur',validaCpfCnpj);

    function validaCpfCnpj(){
       // Script
    }

});

Ps: sempre dê uma olhada no Inspect Element no Chrome ou no navegador que você usa para descobrir a presença de algum erro.

4
  • 1
    fiz como informou e não deu certo.
    – Tiago
    23/06/2015 às 17:42
  • @Tiago, editei meu post. Tente a outra maneira. 23/06/2015 às 17:45
  • 1
    Não tem um problema aí na ordem das declarações? A validaCpfCnpj não precisa estar no handler do .ready(). Além disso, eu acho que change é um evento mais apropriado que blur.
    – user25930
    23/06/2015 às 17:48
  • Faz o seguinte, então @ctgPi: posta uma resposta ideal. 23/06/2015 às 17: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 .