dezembro 8th, 2007Validators ( 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.
-
<mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="302" height="150">
-
<mx:label x="17" y="38" text="Usuário">
-
<mx:label x="17" y="68" text="Senha">
-
<mx:textinput x="72" y="36" width="199" id="usuario">
-
<mx:textinput x="72" y="66" width="199" id="senha" displayaspassword="true">
-
<mx:button x="206" y="96" label="Validar" id="btnValidar">
-
</mx:button>
Agora vamos criar os validadores com suas respectivas regras.
-
<mx:emailvalidator source="{ usuario }" property="text" required="true">
-
trigger="{ btnValidar }" triggerEvent="click"/>
-
<mx:stringvalidator source="{ senha }" property="text" required="true">
-
minLength="4" maxLength="10" trigger="{ btnValidar }" triggerEvent="click"/>
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...


