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

Assuntos Gerais
#1

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

#2

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

#3

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

#4

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="999.999.999-99" blankMaskChar=" "/> <mx:Label text="999.999.999-99"/> </mx:FormItem>

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

#5

Entao…

Eh isso mesmo que vc tem que fazer

E so o exemplo, vc substitui no caso.

#6

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

abs

#7

Nao deu certo o seu entao?!

#8

nao rolou nao…

#9

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

#10

Esqueci de mostrar exemplo usando a máscara e o validador:

[code]<?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>
[/code]

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

[]s

#11

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.

#12

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

[]s

#13

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

#14