Código para CEP no Jetformbuilder

cepjetformbuilder.js

document.getElementById('cep').addEventListener('blur', function() {
    var cep = this.value.replace(/\D/g, ''); // Remove qualquer caractere não numérico
    if (cep.length === 8) { // Verifica se tem 8 dígitos
        fetch('https://viacep.com.br/ws/' + cep + '/json/')
            .then(response => response.json())
            .then(data => {
                if (!data.erro) {
                    document.getElementById('endereco').value = data.logradouro;
                    document.getElementById('bairro').value = data.bairro;
                    document.getElementById('cidade').value = data.localidade;
                    document.getElementById('uf').value = data.uf;
                } else {
                    alert('CEP não encontrado');
                }
            })
            .catch(error => alert('Erro na consulta do CEP'));
    } else {
        alert('CEP inválido');
    }
});

Passos para adicionar um campo de CEP no JetFormBuilder:
Instalar o JetFormBuilder: Se ainda não instalou o JetFormBuilder, vá até o painel do WordPress:

Vá para Plugins > Adicionar Novo.
Busque por JetFormBuilder.
Clique em Instalar agora e depois em Ativar.
Criar um novo formulário:

Vá para JetFormBuilder > Adicionar Novo.
Crie um formulário novo ou edite um formulário existente.
Adicionar um campo de CEP:

Dentro da edição do formulário, clique em Adicionar Campo.
Escolha o tipo de campo como Texto (Text).
No campo "Label", você pode colocar algo como "CEP" ou "Código Postal".
Em "ID do campo" (Field ID), você pode definir algo como cep para ser fácil de referenciar no código ou validação.
Validar o campo de CEP (opcional):

Você pode adicionar uma validação de formato para garantir que o CEP siga o padrão correto.
No JetFormBuilder, é possível usar Máscaras de entrada para garantir que o CEP seja inserido corretamente. Por exemplo:
No campo de Máscara de Entrada, use: 99999-999 para o formato comum do CEP no Brasil (com o hífen).
Exemplo de código JavaScript (opcional): Se você deseja aplicar uma validação personalizada ou exibir algo com base no CEP inserido, pode adicionar um código customizado em seu formulário. No JetFormBuilder, você pode inserir um código JavaScript personalizado.

Se precisar validar o CEP em tempo real ou buscar o endereço automaticamente com uma API (como o ViaCEP), você pode usar o seguinte exemplo de código para fazer a consulta via AJAX, quando o usuário digitar o CEP: