postCodeAjax

Plugin desenvolvido para auxiliar o cadastro de endereço, fazendo com que ao digitar o CEP (09351-020 ou 09351020) o sistema retorne e preencha o endereço completo, fazendo foco no campo número.

Demonstração: http://lab.mariosmello.com/postCodeAjax/
Demonstração jsfiddle: http://jsfiddle.net/mariosmello/7JfQr/embedded/result/

Uso

Forma de uso simplificada:

$('#form1').postcode();

Ou com múltiplos formulários

$('#form2,#form3').postcode();

Exemplo com configurações padrão

$('#form1').postcode({
  btn: ".postcode_btn", //botão de busca
  postcode: ".postcode_ajax", //campo de cep
  street: ".street_ajax", //campo rua
  area: ".area_ajax", //campo bairro
  city: ".city_ajax", //campo cidade
  state: ".state_ajax", //campo estado (uf)
  number: ".number_ajax", //campo número. No retorno do ajax este campo ficará com foco
  loading: ".postcode_loading", //classe de loading, será exibida durante consulta
  hideSubmit: false, //caso esteja ativo esconde o botão de busca durante a consulta
  error: 'alert', //exibe o erro caso ocorra em um alert, possibilidade  de alterar para 'form', fazendo com que o erro seja exibido no container definido na propriedade errorForm
  errorMessage: 'Erro ao realizar a consulta, por favor tente novamente.', //mensagem de erro (caso ocorra)
  errorForm: '.postcode_error' //container do erro do tipo form
});

Exemplo com configurações personalizadas

$('#form4').postcode({
  btn: ".postcode_btn_custom",
  postcode: ".postcode_ajax_custom",
  street: ".street_ajax_custom",
  area: ".area_ajax_custom",
  city: ".city_ajax_custom",
  state: ".state_ajax_custom",
  number: ".number_ajax_custom",
  loading:'.postcode_loading_custom'
  hideSubmit: true,
  error: 'form',
  errorMessage: 'Problema com consulta :(',
  errorForm: '.postcode_error_custom'
});