Skip to main content
adicionou 236 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Se eu entendi você quer executar após preencher o 'formato correto'"formato correto", ou seja se preencher errado (incluindo a mascara) deve checar o conteudo, nesteconteúdo do que foi digitado

No caso usar onfocusout ou onblur apenas pode uarconflitar com o tempo de execução da mascara, por exemplo se digitou errado e tirar o foco do campo o ajax iria executar de qualquer forma, então para evitar isto você pode usar uma regex com .test() na stringstring, assim:

<input type="text" name="cep" id="cep" onkeyup="maskIt(this,event,'#####-###')" onblur="buscaCep()"/>

E no JS assim:

function buscaCep() {
    var cep = $( "#cep" ).val();

    //Se o formato for inválido ele executa o "return"
    if (!/^\d{5}-\d{3}$/.test(cep)) return;

    var infos = {
        'iCep': cep
    };

    $.ajax( {
        crossDomain: true,
        type: "POST",
        url: "",
        data: infos
    } ).done( function ( data ) {
        var json = $.parseJSON( data );
        $( "#log" ).val( json.lograd );
        $( "#cidade" ).val( json.cidade );
        $( "#bairro" ).val( json.bairro );
        $( "#estado" ).val( json.estado );
    } );
}

Como funciona a expressão regular

A (expressão regular) no caso especifico funciona assim:

^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão

Se eu entendi você quer executar após preencher o 'formato correto', ou seja se preencher errado (incluindo a mascara) deve checar o conteudo, neste caso pode uar uma regex com .test na string, assim:

<input type="text" name="cep" id="cep" onkeyup="maskIt(this,event,'#####-###')" onblur="buscaCep()"/>

E no JS assim:

function buscaCep() {
    var cep = $( "#cep" ).val();

    //Se o formato for inválido ele executa o "return"
    if (!/^\d{5}-\d{3}$/.test(cep)) return;

    var infos = {
        'iCep': cep
    };

    $.ajax( {
        crossDomain: true,
        type: "POST",
        url: "",
        data: infos
    } ).done( function ( data ) {
        var json = $.parseJSON( data );
        $( "#log" ).val( json.lograd );
        $( "#cidade" ).val( json.cidade );
        $( "#bairro" ).val( json.bairro );
        $( "#estado" ).val( json.estado );
    } );
}

Como funciona a expressão regular

A (expressão regular) no caso especifico funciona assim:

^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão

Se eu entendi você quer executar após preencher o "formato correto", ou seja se preencher errado (incluindo a mascara) deve checar o conteúdo do que foi digitado

No caso usar onfocusout ou onblur apenas pode conflitar com o tempo de execução da mascara, por exemplo se digitou errado e tirar o foco do campo o ajax iria executar de qualquer forma, então para evitar isto você pode usar uma regex com .test() na string, assim:

<input type="text" name="cep" id="cep" onkeyup="maskIt(this,event,'#####-###')" onblur="buscaCep()"/>

E no JS assim:

function buscaCep() {
    var cep = $( "#cep" ).val();

    //Se o formato for inválido ele executa o "return"
    if (!/^\d{5}-\d{3}$/.test(cep)) return;

    var infos = {
        'iCep': cep
    };

    $.ajax( {
        crossDomain: true,
        type: "POST",
        url: "",
        data: infos
    } ).done( function ( data ) {
        var json = $.parseJSON( data );
        $( "#log" ).val( json.lograd );
        $( "#cidade" ).val( json.cidade );
        $( "#bairro" ).val( json.bairro );
        $( "#estado" ).val( json.estado );
    } );
}

Como funciona a expressão regular

A (expressão regular) no caso especifico funciona assim:

^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão
adicionou 32 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão
^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão
^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão
^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Se eu entendi você quer executar após preencher o 'formato correto', ou seja se preencher errado (incluindo a mascara) deve checar o conteudo, neste caso pode uar uma regex com .test na string, assim:

<input type="text" name="cep" id="cep" onkeyup="maskIt(this,event,'#####-###')" onblur="buscaCep()"/>

E no JS assim:

function buscaCep() {
    var cep = $( "#cep" ).val();

    //Se o formato for inválido ele executa o "return"
    if (!/^\d{5}-\d{3}$/.test(cep)) return;

    var infos = {
        'iCep': cep
    };

    $.ajax( {
        crossDomain: true,
        type: "POST",
        url: "",
        data: infos
    } ).done( function ( data ) {
        var json = $.parseJSON( data );
        $( "#log" ).val( json.lograd );
        $( "#cidade" ).val( json.cidade );
        $( "#bairro" ).val( json.bairro );
        $( "#estado" ).val( json.estado );
    } );
}

Como funciona a expressão regular

A (expressão regular) no caso especifico funciona assim:

^\d{5}-\d{3}$
^ ^   ^     ^
. .   .     .
. .   .     ... Deve terminar exatamente com a expressão anterior
. .   .     
. .   ... Deve conter um hífen entre ambos números
. .
. ... \d indica que deve ser um numero e o {5} indica que deve
.      conter 5 numeros (no outro {3} indica que deve conter 3 numeros)
.
... Indica que deve começar exatamente com a proxima expressão