Máscara Templates Bootstrap

1,406 views
Skip to first unread message

Andro Márcio

unread,
Aug 26, 2016, 9:20:10 AM8/26/16
to rail...@googlegroups.com
Bom dia galera.

Seguinte, estou utilizando um template em minha aplicação: INSPINIA.

Bom, até aí tudo tranquilo, só que estou com um problema com a máscara. Na documentação do template, está da seguinte forma:

 <input type="text" class="form-control" data-mask="999.999.999.9999" placeholder="">

Mas como estou utilizando o form_for, meu código ficou assim:

<%= f.text_field :nu_cpf, class: "form-control" %>

Aí quando tento incluir o atributo "data-mask" pra colocar a máscara, dá erro. É como se o form_for não reconhecesse o atributo "data-mask". Tentei usar o "html_input", mas não funcionou.

Alguém tem uma dica que possa me passar?

Desde já agradeço.

--

Leandro Machado Pereira

unread,
Aug 26, 2016, 10:16:10 AM8/26/16
to rail...@googlegroups.com

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para
rails-br+u...@googlegroups.com
Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+u...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Andro Márcio

unread,
Aug 26, 2016, 10:30:21 AM8/26/16
to rail...@googlegroups.com

Igor,

É um pouco trabalhoso. Eu tô começando em RoR e ainda não tenho muita experiência, e JS sempre foi um calo no meu pé.

Esse que usei, basicamente vc descompacta, pega o projeto que já vem na estrutura do rails, roda o "bundle" e pronto.

Acredito que pros mais experientes deve ser fichinha... Rsrs


Em 26 de ago de 2016 11:16 AM, "Leandro Machado Pereira" <llper...@gmail.com> escreveu:
Em sex, 26 de ago de 2016 às 10:20, Andro Márcio <andro...@gmail.com> escreveu:
Bom dia galera.

Seguinte, estou utilizando um template em minha aplicação: INSPINIA.

Bom, até aí tudo tranquilo, só que estou com um problema com a máscara. Na documentação do template, está da seguinte forma:

 <input type="text" class="form-control" data-mask="999.999.999.9999" placeholder="">

Mas como estou utilizando o form_for, meu código ficou assim:

<%= f.text_field :nu_cpf, class: "form-control" %>

Aí quando tento incluir o atributo "data-mask" pra colocar a máscara, dá erro. É como se o form_for não reconhecesse o atributo "data-mask". Tentei usar o "html_input", mas não funcionou.

Alguém tem uma dica que possa me passar?

Desde já agradeço.

--

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para

Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+unsubscribe@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para

Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+unsubscribe@googlegroups.com.

Jonathan Calixto

unread,
Aug 26, 2016, 10:31:01 AM8/26/16
to Grupos Rails BR
Andro,

faz o seguinte:

<%= f.text_field :nu_cpf, class: "form-control", data: { mask: '999.999.999-99' } %>

e veja se dá certo


Atenciosamente,

Jonathan Celestino Calixto
Desenvolvedor Web Ruby on Rails
email:     jonathan...@gmail.com
msn:       jonathan...@gmail.com
github:    https://github.com/jonathanccalixto
skype:    jonathanccalixto
twitter:    jonathanccalixt

Em 26 de agosto de 2016 11:15, Leandro Machado Pereira <llper...@gmail.com> escreveu:
Em sex, 26 de ago de 2016 às 10:20, Andro Márcio <andro...@gmail.com> escreveu:
Bom dia galera.

Seguinte, estou utilizando um template em minha aplicação: INSPINIA.

Bom, até aí tudo tranquilo, só que estou com um problema com a máscara. Na documentação do template, está da seguinte forma:

 <input type="text" class="form-control" data-mask="999.999.999.9999" placeholder="">

Mas como estou utilizando o form_for, meu código ficou assim:

<%= f.text_field :nu_cpf, class: "form-control" %>

Aí quando tento incluir o atributo "data-mask" pra colocar a máscara, dá erro. É como se o form_for não reconhecesse o atributo "data-mask". Tentei usar o "html_input", mas não funcionou.

Alguém tem uma dica que possa me passar?

Desde já agradeço.

--

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para

Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+unsubscribe@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para

Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+unsubscribe@googlegroups.com.

Andro Márcio

unread,
Aug 26, 2016, 10:40:53 AM8/26/16
to rail...@googlegroups.com

Leandro,

Não entendi muito bem não mas vou dar uma olhada em casa. Tive que sair pra levar minha pequena pra tomar vacina.

Jonathan,

Se não me engano, já tinha tentado isso mas vou tentar novamente. Não custa nada né? Aviso vcs.

Desde já agradeço a atenção.

Jonathan Calixto

unread,
Aug 26, 2016, 10:42:23 AM8/26/16
to Grupos Rails BR
Andro esta solução inclusive está descrito no link sugerido pelo Leandro ;P


Atenciosamente,

Jonathan Celestino Calixto
Desenvolvedor Web Ruby on Rails
email:     jonathan...@gmail.com
msn:       jonathan...@gmail.com
github:    https://github.com/jonathanccalixto
skype:    jonathanccalixto
twitter:    jonathanccalixt

eltin182

unread,
Aug 26, 2016, 10:43:43 AM8/26/16
to rails-br
Eu resolvi todos meus problemas de mascara quando usei o plugin jquery.maskedinput

Depois disso, criei um .js e fiz o que quis:

function(){

  $('.mascara-cpf').mask('999.999.999-99');
  $('.mascara-cel').mask('(99)99999-9999');
  $('.mascara-tel').mask('(99)9999-9999');
  $('.mascara-ip').mask('999.99.999.99');
  $('.mascara-data-mes-ano').mask('99/9999');
  $('.mascara-data').mask('99/99/9999', {placeholder: "dd/mm/YYYY"});
  $('.mascara-data2').mask('99/9999', {placeholder: "mm/YYYY"});
  $('.mascara-cep').mask('99999-999');

};

Dai basta simplesmente chamar a classe la onde vc quer mascara e pronto

Andro Márcio

unread,
Aug 27, 2016, 1:28:35 PM8/27/16
to rail...@googlegroups.com
Galera, funcionou!

Como falei, ainda não tenho muita experiência e JS é um calo pra mim. Segui a orientação passada pelo Leandro e Jonathan e faltava importar um arquivo de js no application.js.

Mais uma obrigado pela ajuda.

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para
rails-br+unsubscribe@googlegroups.com
Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+unsubscribe@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages