Voltar para TechTips
TechTips > Backend > Javascript
método

Mascara para CPF

08/07/2026 1 visualizações
        function handleCpf(event) {
            let input = event.target
            if (input.value.length > 14) {
                input.value = input.value.slice(0, 14)
                return
            }
            input.value = cpfMask(input.value)
        }

        function cpfMask(value) {
            if (!value) return "";
            value = value.replace(/\D/g, ""); // Remove tudo que não for número
            value = value.replace(/(\d{3})(\d)/, "$1.$2"); // Adiciona o primeiro ponto
            value = value.replace(/(\d{3})(\d)/, "$1.$2"); // Adiciona o segundo ponto
            value = value.replace(/(\d{3})(\d{2})$/, "$1-$2"); // Adiciona o traço
            return value;
        }
##mask ##cpf ##js ##javascript

Compartilhe esta dica

Envie esta dica diretamente para o e-mail de um colega desenvolvedor.