FlexDev » Validadores http://www.flexdev.com.br/home Flex/AIR, Java e RIA em geral. Sat, 04 Sep 2010 13:01:46 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Validators ( Validadores ) http://www.flexdev.com.br/home/validators-validadores/ http://www.flexdev.com.br/home/validators-validadores/#comments Sat, 08 Dec 2007 04:59:53 +0000 Ebercom http://blog.flexdev.com.br/validators-validadores/ Pessoal...

Mais uma dica ai pra voces, dessa vez vamos fazer falar de um assunto que deve interessar a muitos dos desenvolvedores Flex, porque só existe uma maneira do usuário não errar: você não deixando ele fazer isso... hehe

Brincadeiras a parte vamos lá, vou demonstrar o uso simples de dois componentes validadores: o EmailValidator e o StringValidator porém existem outros 16 validadores presentes no Flex 2. Vou desenvolver um exemplo prático onde tenho uma aplicação que requer o login que no caso é o e-mail do usuário e a senha que não pode conter menos de 4 caracteres e nem mais de 10. Vamos lá...

Primeiramente vou criar o visual necessário para aplicação.

PLAIN TEXT
XML:
  1. <mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="302" height="150">
  2. <mx:label x="17" y="38" text="Usuário">
  3. <mx:label x="17" y="68" text="Senha">
  4. <mx:textinput x="72" y="36" width="199" id="usuario">
  5. <mx:textinput x="72" y="66" width="199" id="senha" displayaspassword="true">
  6. <mx:button x="206" y="96" label="Validar" id="btnValidar">
  7. </mx:button>

Agora vamos criar os validadores com suas respectivas regras.

PLAIN TEXT
XML:
  1. <mx:emailvalidator source="{ usuario }" property="text" required="true">
  2. trigger="{ btnValidar }" triggerEvent="click"/&gt;
  3. <mx:stringvalidator source="{ senha }" property="text" required="true">
  4. minLength="4" maxLength="10" trigger="{ btnValidar }" triggerEvent="click"/&gt;

Existem várias outras regras que podem ser adicionadas, para conhecer as opções de cada componente voces podem acessar os links que passei acima, onde está a documentação oficial de cada um deles, apesar de ser em inglês mesmo quem não domina ( como eu ) pode entender legal.

Para quem quiser conferir como ficou o exemplo clique aqui.
Para dar uma olhada no codigo fonte completo pode clicar aqui.

Não sei se notaram mas eu não me ative a personalizar as mensagens, até mesmo porque eu utilizei da tecnica aqui mesmo explicada num post anterior para poder traduzir toda a aplicação, mas quem quiser pode estar personalizando essas mensagens de erro.

Bom pessoal é isso ai gostaria de um FeedBack de voces ai se a maneira a qual eu estou expondo as dicas está legal, ou se poderia ser mais bem explicada, com mais exemplos ou sei lá...

Abraços...

]]> http://www.flexdev.com.br/home/validators-validadores/feed/ 3