Boa tarde, tenho uma aplicação web onde ele deveria puxar cidade, estado, bairro e rua a partir do cep informado.
Eu peguei uma documentação do site ViaCep: https://viacep.com.br/exemplo/javascript/
eu fiz exatamente como ele falava, mas não obtive resultado, se alguém puder me ajudar eu agradeço.
Código em javascript
function limpaFormularioCep()
{
// Limpa valores do formulario de cep
document.getElementById('txtCidade').value=("");
document.getElementById('txtEstado').value=("");
document.getElementById('txtBairro').value=("");
document.getElementById('txtRua').value=("");
}
function meuCallback(conteudo)
{
if(!("erro" in conteudo))
{
// Atualiza os campos com o valores
document.getElementById('txtCidade').value=(conteudo.localidade);
document.getElementById('txtEstado').value=(conteudo.uf);
document.getElementById('txtBairro').value=(conteudo.bairro);
document.getElementById('txtRua').value=(conteudo.logradouro);
}
else
{
// cep nao encontrado
limpaFormularioCep();
alert("Cep não encontrado.");
}
}
function pesquisaCep(valor)
{
// Nova variavel "cep" somente com digitos
var cep = valor.replace(/\D/g, '');
// Verifica se campo cep possui valor informado
if(cep != "")
{
// Expressao regular para validar o cep
var validaCep = /^[0-9]{8}$/;
// Valida o formato do cep
if(validaCep.test(cep))
{
// Preenche os campos com "..." enquanto consulta webservice
document.getElementById('txtCidade').value="...";
document.getElementById('txtEstado').value="...";
document.getElementById('txtBairro').value="...";
document.getElementById('txtRua').valeu="...";
// Cria um elemento javascript
var script = document.createElement('script');
// Sincroniza com o callback
script.src='//viacep.com.br/ws/'+ cep + '/json/?callback=menuCallback'
// Insere o script no documento e carrega o conteudo
document.body.appendChild(script);
}
else
{
// Cep e invalido
limpaFormularioCep();
alert("Formato de cep invalido");
}
}
else
{
// Cep sem valor, limpa formulario
limpaFormularioCep();
}
}
A função é chamada assim no html
script type="javascript" src="../script/cep.js"></script
input type="text" id="nCep" name="Cep" required="" autocomplete="off" spellcheck="false" placeholder="Cep" tabindex="3" maxlength="9" onblur="pesquisaCep(this.value);"
tive que remover as chaves do inicio e do fim, pois a pagina do forum sofria um bug