Como inserir máscara no formlário no Admin

Luiz Carlos

unread,

Feb 8, 2010, 3:23:05 PM2/8/10

to Django Brasil

Como inserir máscara no formulário no Admin assim data e CNPJ

exemplo:

01/01/2010

Luiz Carlos

Marcelo Sabadini

unread,

Feb 9, 2010, 5:40:37 AM2/9/10

to Django Brasil

Olá, esta é minha 1ª contribuição.

Eu pesquisei sobre isto optei por usar um plugin para jQuery:
http://digitalbush.com/projects/masked-input-plugin/

o pulo do gato que usei no meu site é que defini os seletores mais
inteligentes, ou seja, se o ID do campo contiver "telefone",
"cnpj","data","CEP" ou "cpf" aí ele aplica a mascara.

Espero ter ajudado. Qq coisa só postar,

um abraço

Tiago de Souza Moraes

unread,

Feb 9, 2010, 6:29:30 AM2/9/10

to django...@googlegroups.com

Bom dia!

muito boa dica! Eu tbem estava precisando....
valeu!

2010/2/9 Marcelo Sabadini <marcelo...@gmail.com>:

> --
> Django Brasil em Google Groups <http://groups.google.com.br/group/django-brasil>
> Associe-se à Python Brasil e suporte nossa comunidade! <http://associacao.python.org.br/>

--
~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~
Futuria Serviços Informática / Solução Linux
Linux System Administrator
Django Developer

Skype teagom
+55 (16) 9701-0102

Debian Linux
. '' ` . www.debian.org
: : ' :
`. ` ' ` Ubuntu Linux
`- www.ubuntu.com
~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~
ø N Ó S ø D I G I T A I S ø
Pontão de Cultura Digital “Nós Digitais”
http://nosdigitais.teia.org.br

TEIA - Casa de criação
www.teia.org.br
~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~.~
/"\
\ / CAMPANHA DA FITA ASCII - CONTRA MAIL HTML
X ASCII RIBBON CAMPAIGN - AGAINST HTML MAIL
/ \

MARX

unread,

Feb 9, 2010, 7:44:02 AM2/9/10

to django...@googlegroups.com

Ai galera, eu criei o meu

Quem quiser ta ai o código, precisa do JQuery 1.3

só usa assim $("#id_do_input).mask("cnpj")

além de cnpj, ele suporta atualmente moeda e date

++++++++++++++++++++++++++++++++++++++++++++++

/*

* ExtenÃ§Ã£o para JQuery, cria uma mÃ¡scara para os campos

* Atualmente suportando [Data,Moeda,Cnpj]

* Criador Breno - mar...@gmail.com

* LicenÃ§a GPL

*/

$.fn.mask = function(type){

switch(type) {

case 'date': // dd/mm/yyyy

this.attr('maxlength','10');

this.attr('size','10');

this.keyup(function(){

var valor = $(this).val();

var tam = valor.length;

if(tam==2) $(this).val(valor + '/');

if(tam==5) $(this).val(valor + '/')});

break;

case 'moeda':

this.attr('maxlength','10');

this.attr('size','10');

this.keyup(function(){

var valor = $(this).val();

valor = valor.replace(',',''); // limpa valor

valor = valor.replace('.',''); // limpa valor

valor = valor.split('');

var tam = valor.length;

var Nvalor;

switch(tam){

case 1: Nvalor = valor[0]; break;

case 2: Nvalor = valor[0] + valor[1]; break;

case 3: Nvalor = valor[0] + ',' + valor[1] + valor[2]; break;

case 4: Nvalor = valor[0] + valor[1] + ',' + valor[2] + valor[3] ; break;

case 5: Nvalor = valor[0] + valor[1] + valor[2] + ',' + valor[3] + valor[4]; break;

case 6: Nvalor = valor[0] + '.' + valor[1] + valor[2] + valor[3] + ',' + valor[4] + valor[5]; break;

case 7: Nvalor = valor[0] + valor[1] + '.' + valor[2] + valor [3] + valor[4] + ',' + valor[5] + valor[6]; break;

case 8: Nvalor = valor[0] + valor[1] + valor[2] + '.' + valor[3] + valor[4] + valor[5] + ',' + valor[6] + valor[7]; break;}

$(this).val(Nvalor)})

break;

case 'cnpj':

this.attr('maxlength','18');

this.attr('size','18');

this.keyup(function(){

var valor = $(this).val();

var tam = valor.length;

switch(tam){

case 2: $(this).val(valor + '.'); break;

case 6: $(this).val(valor + '.'); break;

case 10:$(this).val(valor + '/'); break;

case 15:$(this).val(valor + '-'); break;}})

break;

}

+++++++++++++++++++++++++++++++++++++++++++++++++

Luiz Carlos Santos

unread,

Feb 9, 2010, 10:03:50 AM2/9/10

to django...@googlegroups.com

Muito legal,

Agora como coloco no campo do formulário do Admin?
Procurei e não achei nada?

Luiz Car

MARX

unread,

Feb 9, 2010, 10:39:29 AM2/9/10

to django...@googlegroups.com

Verifica se existe um id para a tag input para onde você quer inserir a mascara, tipo:

<head>

...

$(function(){

$('#cnpj_id').mask('cnpj')

})

</script>

</head>

<body>

...

...

</body>

É só isso, caso ainda tenha dúvida ou não tenha id (com o JQuery é possível encontrar tb sem o id), me passe o html do form que monto o script.

Abraços....

--

Vinicius Mendes

unread,

Feb 9, 2010, 4:29:40 PM2/9/10

to django...@googlegroups.com

O meu sócio desenvolveu um plugin em Mootools para aplicar vários tipos de máscaras. O nome do plugin é meiomask [1].

[1] http://meiocodigo.com/projects/meiomask/

_________________________

Vinícius Mendes
Solucione Sistemas
http://solucione.info/

Signature powered by WiseStamp

2010/2/9 MARX <mar...@gmail.com>

Marcelo Sabadini

unread,

Feb 10, 2010, 2:02:32 PM2/10/10

to Django Brasil

Ja brinquei com o meiomask.

@Luiz eu usei seletores com este formato:

$('input[id*="telefone"]').mask("(99) 9999-9999");

ou seja, quando o campo contiver 'telefone' no atributo ID ele aplica
a máscara.

abraços!!

On 9 fev, 19:29, Vinicius Mendes <vbmen...@gmail.com> wrote:
> O meu sócio desenvolveu um plugin em Mootools para aplicar vários tipos de
> máscaras. O nome do plugin é meiomask [1].
>
> [1]http://meiocodigo.com/projects/meiomask/
>
> _________________________
>
> Vinícius Mendes

> Solucione Sistemashttp://solucione.info/
>
> Signature powered by WiseStamp <http://www.wisestamp.com/email-install>
>
> 2010/2/9 MARX <marx...@gmail.com>

>
>
>
> > Verifica se existe um id para a tag input para onde você quer inserir a
> > mascara, tipo:
>
> > <head>
> > ...
> > <script src="jquery.js"></script>
> > <script src="mask.js"></script>
> > <script>

> > *$(function(){*
> > *$('**#cnpj_id'**).mask('cnpj')*
> > *})*

> > </script>
> > </head>
> > <body>
> > ...
> > <label>Nome</label>

> > <input type="text" *id="nome_id" *value="" name="nome">
> > <label>Cnpj</label>
> > <input type="text" *id="cnpj_id" *value="" name="cnpj">

> > ...
> > </body>
>
> > É só isso, caso ainda tenha dúvida ou não tenha id (com o JQuery é possível
> > encontrar tb sem o id), me passe o html do form que monto o script.
>
> > Abraços....
>

Luiz Carlos Santos

unread,

Feb 10, 2010, 2:15:31 PM2/10/10

to django...@googlegroups.com

Valeu pessoal por todas as discas mas o lance é o seguinte

Tenho uma aplicação construída no Admin e preciso joga no formulários
gerado pelo o Admin a máscara no campo...

Luiz Carlos

MARX

unread,

Feb 10, 2010, 2:19:10 PM2/10/10

to django...@googlegroups.com

passa o html do form pra nós

--

Luiz Carlos Santos

unread,

Feb 10, 2010, 2:22:30 PM2/10/10

to django...@googlegroups.com

Esse é o lance tem form é uma aplicação do Admin o formulário é gerado
automaticamente

Luiz Carlos

MARX

unread,

Feb 10, 2010, 2:25:53 PM2/10/10

to django...@googlegroups.com

eu sei, mas tem como sim add a mascara, todos meus forms no Django são feitos automáticos, vai no Browser e clica em "Exibir código", e copia tudo entre a tag form

Luiz Carlos

Luiz Carlos Santos

unread,

Feb 10, 2010, 2:27:42 PM2/10/10

to django...@googlegroups.com

Acho que já sei como faz... valeu

Luiz Carlos

Mário Neto

unread,

Feb 10, 2010, 3:04:09 PM2/10/10

to django...@googlegroups.com

Então diz, =)
É pra isso que serve a lista, dúvidas atuais e futuras.
Abraço!

Em 10 de fevereiro de 2010 16:27, Luiz Carlos Santos <h2o...@gmail.com> escreveu:

Acho que já sei como faz... valeu

Luiz Carlos

--
Django Brasil em Google Groups <http://groups.google.com.br/group/django-brasil>
Associe-se à Python Brasil e suporte nossa comunidade! <http://associacao.python.org.br/>

--
Att. Mário A. Chaves Neto
Designer / U.I. Engineer
MBA - Design Digital

Diego Henrique Oliveira

unread,

Feb 10, 2010, 2:34:14 PM2/10/10

to django...@googlegroups.com

Só uma duvida, no django é possivel criar campos, como SlugField, ImageField e outros, que já geram automatico javascript e tals.

Alguem já criou estes campos pra atender demandas brasileiras, como CPF, CP

Em 10 de fevereiro de 2010 17:27, Luiz Carlos Santos <h2o...@gmail.com> escreveu:

Acho que já sei como faz... valeu

Luiz Carlos

Vinicius Mendes

unread,

Feb 10, 2010, 4:25:30 PM2/10/10

to django...@googlegroups.com

Diego,

No django.contrib.localflavor.br.forms tem algumas implementações de campos que atendem as demandas brasileiras. Se não me engano eles foram desenvolvidos por membros da nossa comunidade. Eu já criei alguns campos para atender algumas demandas específicas, mas não publiquei nenhum por considerá-los muito específicos ou por que utilizo outra bibliotecas minhas que resultariam em eu publicar todo o meu código. O que seria mais complicado.

2010/2/10 Diego Henrique Oliveira <diegoho...@yahoo.com.br>

Luiz Carlos Santos

unread,

Feb 10, 2010, 4:28:33 PM2/10/10

to django...@googlegroups.com

Se não engano o Marinho publicou algo do tipo

Luiz Carlos

Luiz Carlos Santos

unread,

Feb 10, 2010, 4:29:15 PM2/10/10

to django...@googlegroups.com

Alguém tem um projeto exemplo com mascaras e campos customizados?

Luiz Carlos

Mário Neto

unread,

Feb 10, 2010, 5:30:19 PM2/10/10

to django...@googlegroups.com

Tbm me interesso em ver algum projeto utilizando campos e máscaras atendendo à demanda de sistemas feitos no Brasil.
Ou algum tuto bem feito.
Abraços!

Em 10 de fevereiro de 2010 18:29, Luiz Carlos Santos <h2o...@gmail.com> escreveu:

Alguém tem um projeto exemplo com mascaras e campos customizados?

Luiz Carlos

--
Django Brasil em Google Groups <http://groups.google.com.br/group/django-brasil>
Associe-se à Python Brasil e suporte nossa comunidade! <http://associacao.python.org.br/>

Luiz Carlos Santos

unread,

Feb 11, 2010, 10:09:07 AM2/11/10

to django...@googlegroups.com

Alguém tem um projeto em Admin que com campos e máscaras atendendo à
demanda do Brasil? Também tenho interesse...

Acho que outras pessoas também!!! tem

Luiz Carlos

Luiz Carlos Santos

unread,

Feb 14, 2010, 1:14:50 PM2/14/10

to django...@googlegroups.com

Achei um projeto, http://bitbucket.org/comogo/django-utils/ com
padrões do Brasil

Alguem já usou este ?

Luiz Carlos

Pedro Henrique Cavalcante

unread,

Mar 20, 2012, 12:12:01 PM3/20/12

to django...@googlegroups.com

Olá,

Alguém tem algum exemplo aplicação de máscara em um campo de string dentro da seção de administrador do django?

Rael Max

unread,

Mar 21, 2012, 7:21:41 AM3/21/12

to django...@googlegroups.com

Pra colocar a máscara você vai precisar adicionar um javascript à sua página da admin. Pra isso, dê uma olhada nessa parte da documentação [1].

[1] https://docs.djangoproject.com/en/1.3/ref/contrib/admin/#modeladmin-media-definitions

Abs

--

Django Brasil em Google Groups <http://groups.google.com.br/group/django-brasil>
Associe-se à Python Brasil e suporte nossa comunidade! <http://associacao.python.org.br/>

--
Rael Max
Desenvolvedor Web.
<contato at raelmax.com>

Reply all

Reply to author

Forward