Criar máscara de CPF,RG... [RESOLVIDO]

12 respostas
S

Salve, desenvolvedores.

Venho mais uma vez em busca de um auxilio pra pelo menos conseguir estruturar a lógica do problema.

Estou estudando flex e para isso comecei a fazer um sistema de cadastros. Desde quinta feira estou buscando uma soluçao para fazer uma máscara de cpf em um campo textinput.

Ja tinha feito isso em java(swing), mas no flex eu nao to sabendo iniciar.

Valeu pessoal,

Abraço

12 Respostas

davidbuzatto

Oi Sampa420,

Dê uma olhada aqui:
http://livedocs.adobe.com/flex/3/html/help.html?content=Working_with_Text_16.html

Basicamente ele cria um formatador que insere formata o texto do TextField ao digitar.

Parece que o Flex não tem suporte direto a este tipo de máscara. Olhe o que o Google tem a dizer.
http://www.google.com.br/search?hl=&q=flex+mask+text+field&sourceid=navclient-ff&rlz=1B3GGLL_pt-BRBR376BR376&ie=UTF-8&aq=2&oq=

Quanto à máscara, pelo o que eu entendi (não li com calma), a documentação trata de máscaras de movieclips (aquelas que a gente faz do Flash), veja aqui: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayObject.html#mask

[]´s

ClovisCMB2

Bom

achei uma mascara que utilizei em um projeto aqui
(codigo)
http://www.flexpernambuco.com.br/exemplos/MasterTextInputExample/srcview/index.html

pagina

http://www.flexpernambuco.com.br/exemplos/MasterTextInputExample/MasterTextInputExample.html#app=60c7&c2d9-selectedIndex=3

S

e aí, Clóvis, blza?

Eu até ja tinha visto essa pagina e esse código. Mas nao consegui implementar ele no meu código.

O que eu fiz foi o seguinte:

Inlui no meu mxml o trecho

<mx:FormItem label="CPF:" width="100%"> <ns1:MasterTextInput ` inputMask="[CPF removido]" blankMaskChar=" "/> <mx:Label text="[CPF removido]"/> </mx:FormItem>

Depois inclui o xmlns:ns1="com.flexpernambuco.controls.*"

ClovisCMB2

Entao…

Eh isso mesmo que vc tem que fazer

E so o exemplo, vc substitui no caso.

S

Nao entendi o que vc quis dizer…em substituir no caso…

abs

ClovisCMB2

Nao deu certo o seu entao?!

S

nao rolou nao…

renzonuccitelli

Olá,

O melhor componente de máscara que encontrei na net foi MaskedTextInput (os dois arquivos em anexo). Além disso, aqui nesse post Coloquei o código de validadores de CPF e CNPJ com respectivos testes unitários, que vc utiliza junto com a máscara. No Revelaçao Virtual, no vídeo de primeiro acesso da versão do laboratório aparece esse componente com máscara em com validação.

Precisando de curso flex, dê uma olhado nos cursos da Nuccitec

[]s

renzonuccitelli
Esqueci de mostrar exemplo usando a máscara e o validador:
<?xml version="1.0" encoding="utf-8"?>
<display:AbstractGroupObjectDisplay xmlns:fx="http://ns.adobe.com/mxml/2009"
									xmlns:s="library://ns.adobe.com/flex/spark"
									xmlns:mx="library://ns.adobe.com/flex/mx"
									xmlns:display="br.com.nuccitelli.display.*"
									xmlns:component="br.com.nuccitelli.component.*"
									xmlns:address="br.com.revelacaovirtual.address.*"
									xmlns:validator="br.com.nuccitelli.validator.*">
	
	<fx:Declarations>
		<validator:CNPJValidator source="{cnpj}"
								 property="text"
								 id="cnpjValidator"/>
	</fx:Declarations>
	<mx:Form width="100%" paddingLeft="114">
		<mx:FormItem label="CNPJ:" required="true">
			<component:MaskedTextInput id="cnpj" inputMask="############-##"/>
		</mx:FormItem>
		<mx:FormItem label="Telefone:" required="true">
			<component:MaskedTextInput id="phone"
									   inputMask="(##) ####-####"
									   toolTip="Somente a observação é editáveis"/>
		</mx:FormItem>
	</mx:Form>
</display:AbstractGroupObjectDisplay>

Pra fazer o do CPF é análogo. Tem tb uma máscara de telefone ali.

[]s

S

Renzo,

Obrigado demais pela força, funcionou perfeitamente.

Vou dar uma estudada a mais nisso aqui…estou dedicando bastante tempo nesse estudo.

sobre os cursos eu vou dar uma olhada agora no site da Nuccitec.

Valeu a força.

F

Espero q lhe seja útil: http://fabiophx.blogspot.com/2009/04/formatedinput.html

[]s

D

acho que isso resolve seu problema confira também outras mascaras

Criado 25 de setembro de 2010
Ultima resposta 1 de out. de 2010
Respostas 12
Participantes 6