document.addEventListener('DOMContentLoaded', function() { // Seleciona o botão de envio do formulário e o campo de telefone const botaoForm = document.querySelector('form .elementor-button'); const telefone = document.getElementById('form-field-telefone'); // Define o campo de telefone como numérico e altera o tipo para 'tel' para dispositivos móveis telefone.setAttribute('inputmode', 'numeric'); // Mostra o teclado numérico em dispositivos móveis telefone.setAttribute('type', 'tel'); // Define o tipo como telefone // Formata o número de telefone enquanto o usuário digita telefone.addEventListener('input', function(e) { let numero = e.target.value.replace(/\D/g, ''); // Remove caracteres não numéricos let telefoneFormatado = ''; // Inicializa a string de telefone formatada // Se o campo estiver vazio, sai da função sem formatar if (numero.length === 0) { e.target.value = ''; return; } // Adiciona o código de área (primeiros dois dígitos) if (numero.length > 0) { telefoneFormatado += '(' + numero.substring(0, 2); } // Adiciona o prefixo do telefone (próximos cinco dígitos) if (numero.length >= 3) { telefoneFormatado += ') ' + numero.substring(2, 7); } // Adiciona o hífen e o número final (últimos quatro dígitos) if (numero.length > 7) { telefoneFormatado += '-' + numero.substring(7, 11); } // Adiciona qualquer número adicional digitado, ignorando o limite de 11 dígitos if (numero.length > 11) { telefoneFormatado += numero.substring(11); } // Atualiza o valor do campo de telefone com o número formatado e.target.value = telefoneFormatado; }); // Valida o número de telefone ao clicar no botão do formulário botaoForm.addEventListener('click', function(e) { const telefoneSemMascara = telefone.value.replace(/\D/g, ''); // Remove a formatação para obter só os números // Verifica se o número tem pelo menos 11 dígitos (DDD + telefone) if (telefoneSemMascara.length < 11) { e.preventDefault(); // Impede o envio do formulário alert('Por favor, insira um número de telefone válido com no mínimo 11 dígitos (DDD + Telefone)'); } else { telefone.value = telefoneSemMascara; // Remove a máscara para enviar o número limpo } }); });