Alisson tunico
-
Posts
1 -
Cadastrado em
-
Última visita
-
Olá, tudo bem? Não sou programador, estou montando um site onde o cliente preenche um extenso cadastro para solicitar o serviço, buscando tornar o preenchimento mais fácil procurei uma forma de facilitar o preenchimento do endereço, encontrei um código fonte em JavaScript e Json que atende a minha necessidade, entretanto quando incluído no meu formulário (Gravity Forms) ele não fica com a mesma formatação. Se alguém pudesse me ajudar incluindo no código a opção de aumentar o espaçamentro entre linhas (principal) outras questões secundárias como fonte e organização dos campos (dividirem a mesma linha como no exempo da imagem). código abaixo: <html> <head> <title>ViaCEP Webservice</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- Adicionando Javascript --> <script> function limpa_formulário_cep() { //Limpa valores do formulário de cep. document.getElementById('rua').value=(""); document.getElementById('bairro').value=(""); document.getElementById('cidade').value=(""); document.getElementById('uf').value=(""); document.getElementById('ibge').value=(""); } function meu_callback(conteudo) { if (!("erro" in conteudo)) { //Atualiza os campos com os valores. document.getElementById('rua').value=(conteudo.logradouro); document.getElementById('bairro').value=(conteudo.bairro); document.getElementById('cidade').value=(conteudo.localidade); document.getElementById('uf').value=(conteudo.uf); document.getElementById('ibge').value=(conteudo.ibge); } //end if. else { //CEP não Encontrado. limpa_formulário_cep(); alert("CEP não encontrado."); } } function pesquisacep(valor) { //Nova variável "cep" somente com dígitos. var cep = valor.replace(/\D/g, ''); //Verifica se campo cep possui valor informado. if (cep != "") { //Expressão 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('rua').value="..."; document.getElementById('bairro').value="..."; document.getElementById('cidade').value="..."; document.getElementById('uf').value="..."; document.getElementById('ibge').value="..."; //Cria um elemento javascript. var script = document.createElement('script'); //Sincroniza com o callback. script.src = 'https://viacep.com.br/ws/'+ cep + '/json/?callback=meu_callback'; //Insere script no documento e carrega o conteúdo. document.body.appendChild(script); } //end if. else { //cep é inválido. limpa_formulário_cep(); alert("Formato de CEP inválido."); } } //end if. else { //cep sem valor, limpa formulário. limpa_formulário_cep(); } }; </script> </head> <body> <!-- Inicio do formulario --> <form method="get" action="."> <label>Cep: <input name="cep" type="text" id="cep" value="" size="10" maxlength="9" onblur="pesquisacep(this.value);" /></label><br /> <label>Rua: <input name="rua" type="text" id="rua" 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="cidade" 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>
.png.d2fa07a393b4a24d8dcafe6aa21673dd.png)
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais
