Ir para conteúdo


Foto

Mascara simples para textfield


  • Por favor, faça o login para responder
7 respostas neste tópico

#1 sethend

sethend

    Member Avançado

  • Membros
  • PipPipPip
  • 240 posts
  • LocationAraraquara-SP

Postado 07 April 2009 - 16:40

Salve pessoas.

Bom depois de apanhar um pouco, consegui colocar as mascaras para os textfield em tempo de digitação, segue abaixo:

Extjs
{
	name: 'campoCPF',
	id: 'campoCPF',
	fieldLabel: 'CPF',
	validator : function(){
		return maskCPF(campoCPF);
	}
}
Basta colocar o comando validator e

Javascript
function maskCPF( obj ){
	v = obj.value;
	var max = 14;

	v = v.substring (0,max);
	v=v.replace(/\D/g,"");
	v=v.replace(/(\d{3})(\d)/,"$1.$2");
	v=v.replace(/(\d{3})(\d)/,"$1.$2");
	v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2");

	obj.value = v;

	return true;
}
Neste código acima está apenas para CPF abaixo colocarei mais alguns para serem usados.

TELEFONE - CEP - DATA
function maskCEP( obj ){
	v = obj.value;
	var max = 10;

	v=v.replace(/\D/g,"");
	v=v.replace(/(\d{2})(\d)/,"$1.$2");
	v=v.replace(/(\d{3})(\d)/,"$1-$2");
	v = v.substring (0,max);
	obj.value = v;

	return true;
}

function maskDate( obj ){
	v = obj.value;
	var max = 10;

	v=v.replace(/\D/g,"")
	v=v.replace(/(\d{2})(\d)/,"$1/$2");
	v=v.replace(/(\d{2})(\d)/,"$1/$2");
	obj.value = v;
	return true;
}

function maskFone( obj ){
	v = obj.value;
	var max = 13;
	v = v.substring (0,max);
	v=v.replace(/\D/g,"");
	v=v.replace(/(\d{0})(\d)/,"$1($2");
	v=v.replace(/(\d{2})(\d)/,"$1)$2");
	v=v.replace(/(\d{4})(\d{1,4})$/,"$1-$2");

	obj.value = v;

	return true;
}
function maskCNPJ( obj ){
	v = obj.value;
	var max = 17;
	v = v.substring (0,max);
	v=v.replace(/\D/g,"");
	v=v.replace(/^(\d{2})(\d)/,"$1.$2");
	v=v.replace(/^(\d{2})\.(\d{3})(\d)/,"$1.$2.$3");
	v=v.replace(/\.(\d{3})(\d)/,".$1/$2");
	v=v.replace(/(\d{4})(\d)/,"$1-$2") ;

	obj.value = v;

	return true;
}
Tomara que ajude mais alguém. Abraços.
Em casa de ferreiro o WINDOWS da pau!

#2 LowRider

LowRider

    Member Avançado

  • Membros
  • PipPipPip
  • 126 posts

Postado 02 March 2010 - 09:38

Agradeço a ajuda.

E parabenizo pela postagem do código.

Até mais.



#3 FranklinJavier

FranklinJavier

    Member Avançado

  • Membros
  • PipPipPip
  • 145 posts
  • LocationSão Paulo / Guarujá

Postado 13 April 2010 - 13:10

Parabens... ficou legal

Tem um bom que eu uso é o meio.mask. Muito bom também.

Abcs


Franklin Javier Gonzalez
Ext Js
-Interface Designer

#4 kaiboll

kaiboll

    Novato

  • Membros
  • PipPip
  • 11 posts

Postado 19 May 2010 - 19:37

eu tenho um arquivo html e um js onde criei o campo CPF, mas coloco a função chamo mas num tem efeito nenhum

#5 Maikon

Maikon

    Novato

  • Membros
  • PipPip
  • 22 posts

Postado 07 February 2013 - 19:06

pessoal!?... funcionou perfeitamente!
só que falta pra mim a função que cria a Máscara no campo que vai receber dinheiro!!!(money)
alguém sabe como é?...

#6 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3496 posts
  • LocationBelo Horizonte

Postado 07 February 2013 - 20:31

pessoal!?... funcionou perfeitamente!
só que falta pra mim a função que cria a Máscara no campo que vai receber dinheiro!!!(money)
alguém sabe como é?...

Maikon, a UX que vc está utilizando nesta thread já possui essa mascara, vc não conseguiu utiliza-lá?

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)


#7 Robertson

Robertson

    Iniciante

  • Membros
  • Pip
  • 1 posts
  • LocationSão Carlos - SP

Postado 10 February 2013 - 23:09

Salve pessoas.

Bom depois de apanhar um pouco, consegui ...


Amigo... sou meio leigo em java script 
poderia me falar onde eu aloco este comando validador (primeira box)??

muito grato pela ajuda !!!!!

#8 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3496 posts
  • LocationBelo Horizonte

Postado 11 February 2013 - 19:12

Amigo... sou meio leigo em java script 
poderia me falar onde eu aloco este comando validador (primeira box)??

Robertson, seja bem vindo ao fórum, espero que possamos lhe ajudar em suas dúvidas, sobre esta os campos do Form contém esse atributo, assim vc deve informar no seu campo do formulário, como o textfield por exemplo.

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)





0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos