1
resposta

Formulario mask de cpf e cnpj

Bom dia Estou com duvidas de como eu faço uma mascara de cpf/cnpj no mesmo campo.

ts estou chamando esse codigo .

maskCpfCnpj(){ if(this.cnpjcpf< 11){ this.mask = '999.999.999-99' } else { this.mask("99.999.999/9999-99"); }

}

codigo html <input type="text" id="cpfcnpj" name="cpfcnpj" class"formControl">

gostaria que se o usuário digita-se mais que 11 números a mascara muda-se automaticamente para de cnpj. Estou sem ideia de como fazer ou por onde começar

1 resposta

Fala ai Henrique, tudo bem? Isso pode ser feito de N maneiras, as que eu posso sugerir agora:

Dá uma olhada na biblioteca text-mask:

https://github.com/text-mask/text-mask

Ela suporta aplicações Angular.

Outra dica: Tente fazer com pipes, crie um pipe que vai verificar a quantidade de caracteres no campo, se for menor que 14 você retorna uma CPF, senão, você retorna um CNPJ.

E deixe o valor do seu campo no componente sem formação, apenas formate na exibição.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software