Duvida para utilizar Jquery

02/08/2016

Ol�, sei bem pouco de Jquery, estou tentando utilizar um webservice( https://viacep.com.br/ ) para buscar por cep e cidade.
A comunidade disponibiliza esse c�digo: https://pt.stackoverflow.com/questions/121515/buscar-cep-por-rua-php/121690#121690

Em meus arquivos estou tentando da seguinte forma.

<!DOCTYPE html>
	<html>
	<head>
		<title></title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script type="text/javascript">
			var inputsCEP = $('#logradouro, #bairro, #localidade, #uf, #ibge');
var inputsRUA = $('#cep, #bairro, #ibge');
var validacep = /^[0-9]$/;

function limpa_formul�rio_cep(alerta) {
  if (alerta !== undefined) {
    alert(alerta);
  }

  inputsCEP.val('');
}

function get(url) {

  $.get(url, function(data) {

    if (!("erro" in data)) {

      if (Object.prototype.toString.call(data) === '[object Array]') {
        var data = data[0];
      }

      $.each(data, function(nome, info) {
        $('#' + nome).val(nome === 'cep' ? info.replace(/\D/g, '') : info).attr('info', nome === 'cep' ? info.replace(/\D/g, '') : info);
      });



    } else {
      limpa_formul�rio_cep("CEP n�o encontrado.");
    }

  });
}

// Digitando RUA/CIDADE/UF
$('#logradouro, #localidade, #uf').on('blur', function(e) {

  if ($('#logradouro').val() !== '' && $('#logradouro').val() !== $('#logradouro').attr('info') && $('#localidade').val() !== '' && $('#localidade').val() !== $('#localidade').attr('info') && $('#uf').val() !== '' && $('#uf').val() !== $('#uf').attr('info')) {

    inputsRUA.val('...');
    get('https://viacep.com.br/ws/' + $('#uf').val() + '/' + $('#localidade').val() + '/' + $('#logradouro').val() + '/json/');
  }

});

// Digitando CEP
$('#cep').on('blur', function(e) {

  var cep = $('#cep').val().replace(/\D/g, '');

  if (cep !== "" && validacep.test(cep)) {

    inputsCEP.val('...');
    get('https://viacep.com.br/ws/' + cep + '/json/');

  } else {
    limpa_formul�rio_cep(cep == "" ? undefined : "Formato de CEP inv�lido.");
  }
});
		</script>
	</head>
	<body>
	
<form method="get" action=".">
  <label>Cep:
    <input name="cep" type="text" id="cep" value="" size="10" maxlength="9">
  </label>
  <br />
  <label>Rua:
    <input name="rua" type="text" id="logradouro" size="60" />
  </label>
  <br />
  <label>Bairro:
    <input name="bairro" type="text" id="bairro" size="40" />
  </label>
  <br />
  <label>Cidade:
    <input name="cidade" type="text" id="localidade" size="40" />
  </label>
  <br />
  <label>Estado:
    <input name="uf" type="text" id="uf" size="2" />
  </label>
  <br />
  <label>IBGE:
    <input name="ibge" type="text" id="ibge" size="8" />
  </label>
  <br />
</form>
	</body>
	</html>

Porem n�o funciona, estou esquecendo de alguma coisa?

Wilian Cesar

Curtir t�pico + 0

Responder