Tutorial - Plugin Input Mask - Formate facilmente CPF, CNPJ, Celular e telefone fixo no Bubble.io

[@danilosouza3671]

Show!!! Muuuito obrigado. Ajudou demaaais

[@rafaeladami3129]

Boa noite David, gostaria de saber se é ppssivel fazer login usando o cpf pu numero do celular? Parabens pelas aulas.

[@davidrochadev]

Sim, eh possivel, eu mesmo uso o telefone como senha e o email (porque preciso do email no aplicativo), mas se voce nao precisa, pode concatenar alguma informacao com algum email fake... Exemplo: Cadastro: Nome, celular e CPF; Ao salvar, o Bubble exigira um email, entao a saida eh salvar assim. email: [e-mail] senha: cpf ou celular, voce decide. Login: CPF e Celular (eu nao formataria nesses casos, deixaria limpo, so o numeros). Dai na hora de logar, so pegar do input cpf os dados e acrescentar @seudominio.com.br no final, dai teria um email fake por exemplo. Funciona, mas nao ficaria um aplicativo muito seguro pelo fato de seu eu saber o seu telefone e cpf, poderia acessar com os seus dados. Eh isso, vai pra cima!

[@Magentodicas]

Parabéns, David!! Muito útil esse vídeo. Você explica com clareza e simplicidade. Já me inscrevi e deixei like. Ótimo vídeo.

[@milugamasites]

Usando esses formatadores/validadores e gravando no banco só os números do CNPJ, como depois, eu pego esse número puro e exibo na tela formatado com pontos, barra e traço novamente? Tem algum jeito?

[@davidrochadev]

Eu costumo salvar os dois, crie dois campos, um para o formatado e outro limpo. :)

[@milugamasites]

@@davidrochadev Valeu David!

[@NiltonFilhoBRASTEL]

voce salva com os caracteres especiais?

[@davidrochadev]

Tu pode salvar com eles ou sem eles, eu costumo salvar sem para validações (como o cpf por exemplo) mas você pode também ter 2 campos, um formatado e outro sem formatação, ou ainda, quando precisar limpar, limpa na hora com REGEX ou FIND & REPLACE.

[@karinanunes9199]

muito bom!! muito obrigada!

[@DenilsonLopes]

Deus te abençoes

[@davidrochadev]

Amem

[@felixmauriciogasiglia1668]

David, nos outros plugins, podemos manter o elemento invisível, mas este qd invisível a mascara não funciona.

[@davidrochadev]

Sim, alguns elementos precisam estar visíveis na página para funcionar. Mas visualmente eles não aparecem para o usuário. A saída seria colocar 5x5 pixels para ficar bem pequenino.

[@flamyinformatica8194]

0la,David inseir pluguin no meu aplicativo, mas nao sei onde pega-lo assisti seu video, mas nesta parte o zoom cortou nao deu para ve

[@davidrochadev]

Ele é um plugin visual, ou seja, um elemento invisível que precisa ser inserido na tela. Coloque ele perto do input que será formatado e não esqueça de colocar um id no input e informar esse id no plugin, é assim que se configura.

[@leonardotorrezani6353]

Bom dia, ótimo conteúdo. Tem alguma dica para um input com apenas hora, sem data. Que possa ser salvo no banco como como data. No caso vai fica data de hoje + a hora digitada.

[@davidrochadev]

Neste caso use um input do tipo eurodate ou date time picker e na hora de salvar, troca a data para 00 o mês para 00 e o ano para 0000. depois que clica em more no Bubble, procure por CHANGE MONTH, CHANGE YEAR, etc... Mas olha só, você pode salvar normal a data e na hora de exibir use CUSTOM mostrando só a hora, daí não precisa mostrar os campos dd, mm, e yyyy só a data e hora que foi salva. Essa é a formatação de data e hora completa que eu gosto de usar: dd/mm/yyyy HH:MM:ss (o resultado seria esse aqui 04/07/2022 15:22:13) Neste caso, só mostre assim: HH:MM:ss que o resultado seria esse aqui 15:22:13 sem a data sakas?

[@cienciaetecnologias-n6y]

Conteudo legal porem como inserir no banco de dados porque não vai, os demais dados blz mas o cpf e celular não cadastra no banco de dados

[@davidrochadev]

Não entendi, como assim não vai? Para incluir no banco, só incluir um campo do tipo texto e inserir lá, CPF e Celular não cadastra no banco? Não entendi mesmo, se puder explicar melhor.

[@cienciaetecnologias-n6y]

@@davidrochadev quando clico no botão cadastrar e vou pro workflow, para inserir os dados do formulário para cadastrar no banco de dados todos os inputs tipo nome blz, data de nascimento blz, cidade blz e o CPF é celular estão funcionando na página mas quando clica no botão cadastrar só os dois da máscara não vão. Se puder fazer um vídeo complementando esse que ao clicar no botão o passo a passo só do input mask. Blz Bom eu inseri um input, tem que inseri um campo tipo texto para funcionar a máscara tanto para cpf como celular se for peço desculpas

[@davidrochadev]

@@cienciaetecnologias-n6y Tem que incluir o plugin na tela, colocar o id do input que será mascarado e o tipo (CPF etc...) e na hora de salvar, o valor é do input que foi digitado, o que o plugin faz é só formatar direto no input, os dados você salva dele mesmo.

[@cienciaetecnologias-n6y]

@@davidrochadev fiz o passo a passo não salva mais blz valeu a aula vou tentar de novo

[@odanielcarneiro]

@@cienciaetecnologias-n6y Eu entendi porque estou com a mesma dificuldade. Sou iniciante, então estou aprendendo mesmo. Estou com dificuldade de configura a ação do Workflow para esse input somente. Se puder mostrar como ele fica exatamente ajudará muito. Insido "Input CPF 's value" só que ele pede mais dados, e não estou acertando o que inserir depois para que no BD apareça o CPF corretamente.

[@leaonovo6488]

Exemplo ao gravar sem os pontos...

[@davidrochadev]

Para eliminar caracteres tem um recurso que você pode puxar no final, se chama :FIND & REPLACE. Faz isso para cada símbolo que você precisa limpar (- ),()

[@leaonovo6488]

@@davidrochadev , outro detalhe ao fazer a verificação precisa ser também sem a mascara, se não dar certo...

[@Josecarlos-4875]

Seus videos são legais mais precisa ensinar mais devagar

[@alexpinto959]

Boa noite, esse plugin serve para Cep? Se sim, como faço? Ou para Cep eu tenho que usar o plugin Input Formatter?

[@davidrochadev]

Não serve. Aqui no canal eu tenho um tutorial usando o viacep, vem tranquilo de implementar.

[@carlosroberto-gv2wv]

Está chovendo dentro do vídeo kkkkkkkkkk

[@jotaschmidel5458]

Pra mim não aparece a opção de "Toast". Oq pode ser?

[@davidrochadev]

É um plugin, precisa instalar ele. Procure por OPEN TOAST.

[@neuzinaldosantana1748]

Mas a questão de validação do cpf e cnpj como fica?

[@davidrochadev]

Vou fazer ainda.

[@neuzinaldosantana1748]

@@davidrochadev Blz

[@alexpassos4753]

@@davidrochadev Fez ?

[@higormartinsb]

Parabéns professor, é uma ótima aula ... Me tira uma dúvida é possível esse plugin parar de funcionar .. ou só se o criador apagar ... ??

[@davidrochadev]

É possível sim, tem muita coisa mudando no Bubble, mas esse criador em especial, eu conheço, ele está revisando todos os plugins dele, a nova responsividade está dando bastante pau nos plugins. Apagar é bem difícil... Mas pode acontecer também.

[@cristianomaiaBTC]

Ótimo video, consegui por tudo em prática! No fim do video vc tenta fazer a validação do CPF, mas diz que isso vai ficar para um próximo video. Vc conseguiu concluir essa validação?

[@ConstantinoMoura]

Também estou interessado nisso até hoje, não achei em lugar nenhum.

[@celoguitarra7549]

Top, ótimo vídeo...

[@Josecarlos-4875]

Precisa ensinar mas devagar os passos a passos

[@davidrochadev]

Desculpe pela rapidez, você pode pausar o vídeo e também assistir mais de uma vez se não entender.