CEP Errado com Aviso - CheckOut

Layout
1

Para tentar minimizar os erros na hora de cadastrar o endereço de entrega.
Fim um código para para gerar um alerta (PAGINA DE CHECKOUT).

Vide como fica com o CEP CORRETO.

image
image490×642 13.8 KB

Vide como fica com o CEP ERRADO.

image
image494×677 23.1 KB

SEGUE CODIGO UTILIZADO.

<script>
$("#id_cep").after("<div id='id_cep_invalido' class='alert alert-warning' style='display: none !important; padding:6px !important; margin:0 !important; webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;'><p style='margin: 0 !important;'>Não achamos esse CEP na base dos Correios, mas podemos estar errado, para validar seu CEP e endeceço <b><a style='color: #3a87ad;' target='_blank' href='http://www.buscacep.correios.com.br/sistemas/buscacep/BuscaCepEndereco.cfm'>click aqui</a></b>.</p></div>");

function alert_id_cep_invalido(){
	if (changeAttr_id_endereco) {
		$('#id_cep_invalido').attr('style','display: none !important');
	} else {
		$('#id_cep_invalido').attr('style','display: block !important');	
	}
};

var changeAttr_id_endereco = document.querySelector('#id_endereco').readOnly;

window.MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
(new MutationObserver(function(mutation) { 
	if (changeAttr_id_endereco != mutation[0].target.readOnly ) {
		changeAttr_id_endereco = mutation[0].target.readOnly;
		//console.log(mutation[0].target.readOnly);
		alert_id_cep_invalido();
	}
})).observe(document.querySelector('#id_endereco'), config = { attributes: true });

alert_id_cep_invalido();

</script>
3 curtidas
2

Muito obrigado pelo código, nos ajudou muito!!!

1 curtida