Nesse artigo, trabalharemos com mais um componente do Ajax Control Toolkit, o ValidatorCalloutExtender, cuja função é exibir as mensagens dos componentes da Web Validation (CompareValidator, RegularExpressionValidator, RequireFieldValidator, CustonValidator, RangeValidator).
Neste exemplo utilizaremos o RegularExpressionValidator, responsável por validar valores informados em um TextBox. Ex: Data e Hora.
Seguindo, arraste para sua página um TextBox, o RegularExpressionValidator, e o ValidatorCalloutExtender.
OBS: Para aprimorar sua aplicação, veja o Artigo Nº 5 e 8.
Aplique as configurações no RegularExpressionValidator:
ID: Coloque um nome mais simples(Ex: revData).
ErroMessage: Uma mensagem de erro(Ex: Data Inválida).
Display: Marque a opção None, ou seja, opção que não permitirá exibir a mensagem de erro no próprio componente.
ControlToValidator: Selecione o nome do TextBox para o controle.
ValidationExpression: Coloque a expressão seguinte para que seja feita a validação para o formato de data dd/MM/yyyy:
^(((((0[1-9])(1\d)(2[0-8]))\/((0[1-9])(1[0-2])))((31\/((0[13578])(1[02])))((2930)\/((0[1,3-9])(1[0-2])))))\/((20[0-9][0-9])(19[0-9][0-9])))((29\/02\/(1920)(([02468][048])([13579][26]))))$
Para o componente ValidatorCalloutExtender, a única propriedade a ser configurada é a TargetControlID, onde deve-se selecionar qual é o RegularExpressionValidator para o seu controle
OBS: Sempre lembrando que os componentes do Ajax Control Toolkit devem ficar dentro do UpdatePanel.
Compile e digite uma data inválida e veja o resultado(Figura 1).
Figura 1:
Show de Bola. No próximo post, customizando com CSS esse componente.
Valeu. Até a próxima.
