Clase 8

Clase
UNIDAD N :3
TEMAS:
Recursos de
ASP.Net.
Controles de validacin.
Objetivos:
Identificar los controles de validacin propuestos en
ASP.Net.
Elegir el ms adecuado para cada problema.
Crear algoritmos de validacin en el servidor.
Introduccin
Hay seis controles Web para la validacin de datos de entrada que se
pueden incorporar en un Formulario Web.
RequiredFieldValidator: Facilita la validacin de un dato del formulario
chequeando que el mismo tenga algn valor.
RangeValidator: Facilita la validacin de un dato del formulario contra un
valor mnimo y mximo.
CompareValidator: Facilita la validacin de un dato del formulario contra un
valor fijo u otro campo del formulario.
CustomValidator: Facilita la validacin de un dato del formulario usando una
subrutina propia.
RegularExpressionValidator: Facilita la validacin de un dato del formulario
contra una expresin.
ValidationSumary: Agrupa los mensajes de error de otros controles en una
parte de la pgina.
Todos los controles de validacin tienen tres propiedades fundamentales:
ControlToValidate, Text y IsValid. Todos los controles derivan de la clase
BaseValidator.
La propiedad ControlToValidate contiene la referencia del control del

formulario que queremos validar.
La propiedad Text almacena el mensaje de error que queremos que se
muestre en la pgina.
Por ltimo la propiedad IsValid almacena True en caso que el control pase
el test de validacin.
Cuando empleamos controles de validacin con el Explorer 4.0 o
superior, los controles automticamente usan funciones en JavaScript en el
cliente. Esto significa que los controles pueden inmediatamente mostrar los
Instituto Superior Santo Domingo
Pgina 1 de 11
mensajes de error en el browser mientras el usuario est completando el

formulario. Si hay algn error en la pgina el cdigo JavaScript previene
que el usuario pueda enviar los datos al servidor.
En caso de emplear navegadores ms antiguos los controles que
veremos seguirn funcionando, pero la validacin se realizar en el
servidor.
Controles de validacin
Control: RequiredFieldValidator
Para probar este control haremos una pgina que solicite el nombre
de usuario (mostraremos un error si el operador no ingresa texto en el
TextBox).
La interface visual es la siguiente:
El mensaje en rojo debe aparecer si presionamos el botn Confirmar y no

se ingres texto en el TextBox.
En el Visual Studio .Net confeccionamos el formulario web disponiendo uno
control de tipo TextBox, un Button y un RequiredFieldValidator que se
encuentra en la pestaa Validacin del Cuadro de herramientas.
El control RequiredFieldValidator es importante inicializar las
siguientes propiedades:
Pgina 2 de 11
Cuando ejecutemos la pgina podemos ver el cdigo que llega al

navegador (en ella veremos las funciones en JavaScript que
automticamente el ASP.NET nos crea para facilitar la validacin).
El cdigo HTML completo de la pgina es el siguiente:

<%@ Page Language="VB" AutoEventWireup="false"
CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Ingrese nombre de usuario:<asp:TextBox
ID="TextBox1" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator
ID="RequiredFieldValidator1" runat="server"
ControlToValidate="TextBox1"
ErrorMessage="RequiredFieldValidator">Debe ingresar el
nombre de usuario.</asp:RequiredFieldValidator>
<br />
Pgina 3 de 11
<asp:Button ID="Button1" runat="server"

Text="Confirmar" />
</div>
</form>
</body>
</html>
Como sabemos este cdigo HTML se genera en forma automtica cuando
creamos cada control y configuramos sus propiedades.
Luego si queremos que al presionar el botn se redireccione a otra pgina
en caso de haber ingresado un nombre de usuario debemos codificar el
mtodo Clic para dicho botn:
Partial Class _Default

Inherits System.Web.UI.Page
Protected Sub Button1_Click(ByVal sender As Object, _
ByVal e As System.EventArgs) Handles Button1.Click
If Me.IsValid Then
Me.Response.Redirect("Default2.aspx")
End If
End Sub
End Class
La propiedad IsValid del WebForm almacena true si todos los controles de
validacin dispuestos en el formulario se validan correctamente. Es decir en
este problemas si se ingresa algn caracter en el control TextBox luego se
puede pasar a la pgina Default2.aspx.
Control: RangeValidator
El control RangeValidator especifica un valor mnimo y mximo
para un control TextBox. Podemos utilizar el control para chequear el rango
de enteros, fechas, cadenas o valores reales.
Las propiedades ms importantes del control son:
ControlToValidate El campo del formulario a validar.

MinimumValue El valor mnimo a validar en el rango de valores.
MaximumValue El valor mximo a validar en el rango de valores.
Text El mensaje de error a mostrar.
Type El tipo de comparacin a ejecutar (valores posibles:
String, Integer, Double, Date, Currency).

Para probar este control haremos una pgina que solicite ingresar la
edad de una persona que se postula para un trabajo (la misma debe estar
en el rango de 18 a 35 aos).
Pgina 4 de 11
Disponemos sobre el formulario los siguientes objetos: Label, TextBox,

Button y un RangeValidator.
La interface que debemos implementar es la siguiente:
El objeto RangeValidator lo debemos configurar con los siguientes valores:
Si ejecutamos la pgina veremos que el mensaje aparece si

ingresamos una edad que est fuera del rango de 18 a 35 aos.
El cdigo a implementar al presionar el botn confirmar es el siguiente:
Partial Class Default2

Pgina 5 de 11

If Me.IsValid Then
End If
End Sub
End Class
Es decir redireccionamos a la prxima pgina en caso que todos los
controles de validacin del formulario se verifiquen correctos (en este
problema solo tenemos un control de tipo RangeValidator, pero en muchos
casos veremos que en un formulario puede haber ms de un control de
validacin)
Si quisiramos solo validar un control determinado del WebForm la
condicin sera:
If Me.RangeValidator1.IsValid Then
End If
Es decir verificamos la propiedad IsValid del control RangeValidator (si

tenemos un solo control en el formulario preguntar por la propiedad IsValid
del webform o del RangeValidator el resultado ser idntico.
Control: CompareValidator
El control CompareValidator permite comparar un valor de un
control con otro control o comparar el valor de un control con un valor fijo.
Las propiedades ms importantes son:
ControlToValidate El campo del formulario a validar.

ControlToCompare El campo del formulario contra el cual se
efecta la comparacin.
Operator El operador a utilizarse en la comparacin (los valores
posibles son Equal,

NotEqual,
GreaterThan,
GreaterThanEqual, LessThan, LessThanEqual y
DataTypeCheck).
Text El mensaje de error a mostrar.
Type El tipo de comparacin a ejecutar (valores posibles String,
Integer, Double, Date, Currency).
ValueToCompare El valor fijo a comparar.
Para probar este control implementaremos una pgina que realizara el

alta de la tabla usuarios (debe permitir el ingreso del nombre de usuario y
su clave, esta ltima dos veces, con el objetivo de asegurarse que la
ingres correctamente), emplearemos un objeto de la clase
CompareValidator para validar el ingreso repetido de la clave.
Pgina 6 de 11
La interface visual de la pgina es:
Al objeto CompareValidator le configuramos las propiedades de la siguiente

manera:
Es importante inicializar la propiedad ControlToValidate con el

objeto TextBox que carga la segunda clave, luego que el operador carga la
clave se procede a validar si el texto ingresado coincide en el TextBox que
hemos inicializado la propiedad ControlToCompare.
El cdigo a implementar al presionar el botn Confirmar:
Pgina 7 de 11
If Me.IsValid Then
End If
End Sub
End Class
Control: CustomValidator
El control CustomValidator permite validar el campo de un
formulario con una funcin de validacin propia. Debemos asociar nuestro
control CustomValidator con un evento propio.
Para probar este control implementaremos una pgina que solicite
el ingreso de un nmero mltiplo de 5, en caso de ingresar un valor
incorrecto mostraremos un mensaje de error.
La interface a implementar es la siguiente:
Primero configuramos las propiedades del objeto CustomValidator con:
Pgina 8 de 11
Ahora debemos codificar el evento ServerValidate que tiene el

objeto CustomValidator1, a esto lo hacemos desde la ventana de cdigo y lo
podemos generar automticamente haciendo doble clic sobre el control en la
ventana de diseo:
Protected Sub CustomValidator1_ServerValidate(ByVal _
source As Object, ByVal args As _
System.Web.UI.WebControls.ServerValidateEventArgs) _
Handles CustomValidator1.ServerValidate
Dim valor As Integer = args.Value
If valor Mod 5 = 0 Then
args.IsValid = True
Else
args.IsValid = False
End If
End Sub
El parmetro args tiene dos propiedades fundamentales, una almacena el
valor del control que estamos validando y otra llamada IsValid que debemos
asignarle el resultado de nuestra validacin. En nuestro ejemplo
almacenamos el nmero ingresado en la variable valor, luego mediante el
operador Mod (resto de una divisin) verificamos si es cero, en caso
afirmativo inicializamos la propiedad IsValid del objeto args con el valor
True, en caso contrario, es decir que el nmero ingresado no sea un
mltiplo de 5 almacenamos el valor False.
Cuando se presiona el botn confirmar tenemos:
If Me.IsValid Then
End If
End Sub
Control: RegularExpressionValidator
El control RegularExpressionValidator permite validar el valor de un
campo de un formulario con un patrn especfico, por ejemplo un cdigo
postal, un nmero telefnico, una direccin de mail, una URL etc.
El planteo de una RegularExpression es bastante compleja, pero
afortunadamente el Visual Studio .Net provee una serie de expresiones
regulares preconfiguradas.
Para probar este control, haremos una pgina que solicite el
ingreso de un mail y mostraremos un error en caso que el usuario ingrese
un mail mal formado.
La interface visual de la pgina es la siguiente:
Pgina 9 de 11
Al objeto de la clase RegularExpressionValidator le configuramos las

propiedades con los siguientes valores:
Si ejecutamos el programa podremos ver que al abandonar el foco del

TextBox aparecer el mensaje de error en caso de ingresar un mail
incorrecto:
If Me.IsValid Then
End If
End Sub
End Class
Pgina 10 de 11
Control: ValidationSummary
Cuando tenemos formularios con gran cantidad de controles puede
llegar a ser dificultoso ubicar los errores en la pgina. El Framework de
la .Net trae otra clase llamada ValidationSumary que muestra todos los
errores de la pgina agrupados en una parte de pantalla. Para utilizar el
control ValidationSummary es necesario fijar el valor de la propiedad
ErrorMessage para cada control de validacin que tiene la pgina. Es
importante no confundir la propiedad Text que aparece en la misma
posicin donde la disponemos con la propiedad ErrorMesage que contiene
el mensaje de error que mostrar el control ValidationSummary.
Para probar este control haremos una pgina que solicite la carga
del nombre de usuario y su clave en forma obligatoria (mostrando un
mensaje de error en caso de dejar vaco los TextBox).
La interface de la pgina es la siguiente:
Debemos disponer los siguientes objetos sobre el formulario:

1Button, 2 TextBox, 2 RequiredValidator y un objeto de la
claseValidationSummary.
La propiedad text de los objetos RequiredValidator las inicializamos
con un (*) asterisco y las propiedades ErrorMessage con las cadenas:
Debe ingresar el nombre de usuario y Debe ingresar la clave
respectivamente. En cuanto al objeto de la clase ValidationSummary no
debemos hacer ninguna configuracin especifica, solo ubicarlo dentro de la
pgina.
Pgina 11 de 11

Clase 8

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Clase 8

Hochgeladen von

Copyright:

Verfügbare Formate

Clase

La propiedad ControlToValidate contiene la referencia del control del

mensajes de error en el browser mientras el usuario est completando el

El mensaje en rojo debe aparecer si presionamos el botn Confirmar y no

Instituto Superior Santo Domingo

Cuando ejecutemos la pgina podemos ver el cdigo que llega al

El cdigo HTML completo de la pgina es el siguiente:

<asp:Button ID="Button1" runat="server"

Partial Class _Default

ControlToValidate El campo del formulario a validar.

MaximumValue El valor mximo a validar en el rango de valores.

Text El mensaje de error a mostrar.

Type El tipo de comparacin a ejecutar (valores posibles:

String, Integer, Double, Date, Currency).

Disponemos sobre el formulario los siguientes objetos: Label, TextBox,

El objeto RangeValidator lo debemos configurar con los siguientes valores:

Si ejecutamos la pgina veremos que el mensaje aparece si

Partial Class Default2

ByVal e As System.EventArgs) Handles Button1.Click

Es decir verificamos la propiedad IsValid del control RangeValidator (si

ControlToValidate El campo del formulario a validar.

Operator El operador a utilizarse en la comparacin (los valores

posibles son Equal,

Text El mensaje de error a mostrar.

Type El tipo de comparacin a ejecutar (valores posibles String,

Integer, Double, Date, Currency).

ValueToCompare El valor fijo a comparar.

Para probar este control implementaremos una pgina que realizara el

La interface visual de la pgina es:

Al objeto CompareValidator le configuramos las propiedades de la siguiente

Es importante inicializar la propiedad ControlToValidate con el

Primero configuramos las propiedades del objeto CustomValidator con:

Instituto Superior Santo Domingo

Ahora debemos codificar el evento ServerValidate que tiene el

Instituto Superior Santo Domingo

Al objeto de la clase RegularExpressionValidator le configuramos las

Si ejecutamos el programa podremos ver que al abandonar el foco del

Instituto Superior Santo Domingo

Debemos disponer los siguientes objetos sobre el formulario:

Instituto Superior Santo Domingo

Das könnte Ihnen auch gefallen