Input Mask nos formulários?

1,047 views
Skip to first unread message

Felipe Brunelli de Andrade

unread,
Jun 13, 2017, 3:58:22 PM6/13/17
to django...@googlegroups.com
Boa tarde pessoal,

Estou trabalhando com o Django 1.11 e estou querendo implementar input-mask em alguns formulários, principalmente telefone, CPF/CNPJ.

Como você tem feito isso? para funcionar tanto no Admin quando em outras partes dos seus projetos?

o projeto django-input-mask não funciona na versão 1.11.2 do django...

Obrigado.

Felipe

Cloves Oliveira

unread,
Jun 13, 2017, 4:33:28 PM6/13/17
to Django Brasil
Olá Felipe, fiz com a versão 1.10, mas acho que também sirva pra 1.11.

Eu referenciei meu arquivo js que estava usando em certas páginas de meu projeto diretamente na classe do model admin.

from django.contrib import admin
from app.forms import FormPersonalizado

class AlgumModeloAdmin(admin.ModelAdmin):
    form = FormPersonalizado
   
...

   
class Media:
        js = ["libs/jQuery/3.1.1/jquery-3.1.1.min.js", ..., "app/js/arquivo.js", ...]

Em meu caso, funcionou que foi uma beleza. Espero que te ajude.

Welkener Lima

unread,
Jun 13, 2017, 7:53:15 PM6/13/17
to Django Brasil
Caro,

Utilizei o Jquery input Mask https://igorescobar.github.io/jQuery-Mask-Plugin/ .

Para usar no admin, criar um metodo para carregar o js. Exemplo 
 class Media:
           js = (
               '/static/jet/js/cliente.js',
               '/static/jet/js/jquery.mask.min.js',
           )


E No cliente.js


$(document).ready(function(){

  var options = {
      onKeyPress: function (cpf, ev, el, op) {
          var masks = ['000.000.000-000', '00.000.000/0000-00'],
              mask = (cpf.length > 14) ? masks[1] : masks[0];
          el.mask(mask, op);
      }
  }

$('#id_CPFCNPJ').mask('000.000.000-000', options);

$('#id_telefone').mask('(000) 0000-0000');
$('#id_celular').mask('(000) 00000-0000');
$('#id_CEP').mask('00000-000');
});


Assim ele coloca a mascará..voce pode utilizar no form também, para pegar em outros formulários que não o admin.

GRATO

Felipe Brunelli de Andrade

unread,
Jun 14, 2017, 8:26:08 AM6/14/17
to django...@googlegroups.com
Obrigado a todos, vou fazer meus testes esse feriado!

[]'s

Felipe
Reply all
Reply to author
Forward
0 new messages