|
/* jshint esversion: 10 */
// Adapted from https://viacep.com.br/exemplo/javascript/
function cleanAddressesFields() {
// It cleans values from addresses fields.
document.getElementById("'input_6"').value = ("")'';
document.getElementById("'input_7"').value = ("")'';
document.getElementById("'input_8"').value = ("")'';
document.getElementById("'input_9"').value = ("")'';
}
function myCallback(dados) {
if (!("'erro"' in dados)) {
// It updates the addresses fields with the data from the query.
document.getElementById("'input_6"').value = (dados.logradouro);
document.getElementById("'input_7"').value = (dados.bairro);
document.getElementById("'input_8"').value = (dados.localidade);
document.getElementById("'input_9"').value = (dados.uf);
} else }{
// The CEP searched was not found. ▼▲ // The CEP searched was not found.
alert( "'CEP não encontrado. "'); ▼▲ cleanAddressesFields();
▲ alert("CEP não encontrado.");
}
function searchCep(value) {
// A new variable "cep" is made with only digits.
letconst cep = value.replace(/\D/g, ""'');
// Testing if the CEP variable has any value.
if (cep !== ""'') {
// Regular expression to validate CEP.
letconst cepValidator = /^[0-9]{8}$/;
// Testing CEP validation. If true...
if (cepValidator.test(cep)) {
// It fills the address fields with "..." while the web service is busy.
document.getElementById("'input_6"').value = "'..."';
document.getElementById("'input_7"').value = "'..."';
document.getElementById("'input_8"').value = "'..."';
document.getElementById("'input_9"').value = "'..."';
// It creates a javaScript element.
letconst script = document.createElement("'script"');
// It sincronizes with callback.
script.src = "`https://viacep.com.br/ws/" + ${cep + "}/json/?callback=myCallback"`;
// It inserts the script into the document and load the contents.
document.body.appendChild(script);
} else }{
// The elseCEP {is invalid.
// The CEP is invalid.
alert('Formato de CEP cleanAddressesFields(inválido.');
alert("Formato de CEP inválido.");
}
else {
// The CEP is empty, it cleans the form fields. ▼▲ cleanAddressesFields();
}
▲ // The CEP is empty, it cleans the form fields.
cleanAddressesFields();
}
document
document.getElementById("input_4").setAttribute("onblur", "searchCep(this.value)"); ▼ .getElementById('input_4')
▲document.getElementById("input_4") .setAttribute( "'onblur "', "'searchCep(this.value) "');
|