Este documento describe tres ejemplos de controles de validación en ASP.NET: RequiredFieldValidator, RangeValidator y CompareValidator. Explica las propiedades clave de cada uno y cómo validan los campos de entrada. También incluye código para implementar los tres ejemplos de validación en una aplicación.
Examen del segundo parcial (Programacion web 1) - Erick Lozada
Validación de controles en formulario
1. Actividad autónoma
1. Describa las propiedades principales y especificas de los siguientes ejemplos:
Ejemplo#1:
Ejemplo#2:
Ejemplo#3:
RequiredFieldValidator Descripcionde la propiedad
ControlToValidate Obtiene o establece el control de entrada que se va a
validar.
Text Obtiene oestablece el textoasociadoal control.
RangeValidator Descripcionde la propiedad
ControlToValidate Obtiene o establece el control de entrada que se va a
validar.
Text Obtiene oestablece el textoasociadoal control.
MaximunValue Obtiene oestablece el valormáximodel intervalo de
validación.
MinimunValue Obtiene oestablece el valorminimodelintervalode
validación.
<asp:RequiredFieldValidator
ID="Validador"
ControlToValidate="TxtNombre"
Text="*"
InitialValue ="Escriba su nombre aqui"
ErrorMessage="Ha omitido un error"
runat="server" >
</asp:RequiredFieldValidator>
<asp:RangeValidator
ID="Rango"
ControlToValidate="Txt1"
MininunValue ="18"
MaxinumValue ="60"
Text="*"
InitialValue ="Debe tener entre 18 y 60
años de edad"
ErrorMessage="El dato no es valido"
runat="server" >
</asp:RangeValidator>
<asp:CompareValidator
Id ="Compara"
ControlToValidate="Txt1"
ControlToCompare="Txt2"
Type ="Integer"
Operator="GreaterThan"
ErrorMessage="La edad del padre debe ser
mayor"
runat="server">
</asp:CompareValidator>
2. Type Tipode datos
CompareValidator Descripcionde lapropiedad
ControlToCompare Obtiene oestablece el control de entradaconel que se
deseacompararel control de entradaque se va a validar.
ControlToValidate Obtiene oestablece el control de entradaque se vaa
validar.
Operator Obtiene oestablece laoperaciónde comparaciónque se
va a realizar.
Type Tipode datos
Otras propiedades Descripcion
ID Establece el nombre del control
ErrorMessage Obtiene oestablece eltextodelmensajedeerrormostrado
en un control cuando se produce un error de validacion
Runat Especifiacionde servidorsobre el control.
2. Determine los valores resultados que se obtiene en cada validación
a. En el ejemplo 1 consiste en validar el campo si esta vacio por lo cual tiene
que ser obligatorio.
b. En el ejemplo 2 trata de validar el valor según el rango que se establece
en el campo. Si se escribe una edad que no esta en el rango valor minimo
o se excede votara un error.
c. En el ejemplo 3 el ultimo control trata de comparar edad del padre con
la edad del hijo debe tener el padre el rango mayor concidido de la caja
de texto para validar y la otra para poder comparar.
3. Demostrar si la validación de controles se puede establecer en el cuadro de
propiedades.
CompareValidator RangerValidator RequiredFieldValidator
3. 4. Realizar una aplicación según los 3 ejemplos dados
Codificacion
<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="true"
CodeBehind="Default.aspx.vb" Inherits="WebApplication5._Default" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<div>
Ingrese el nombre de usuario: <asp:TextBox ID="TxtUsuario" runat="server"
Height="25px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat ="server"
ControlToValidate="TxtUsuario"
Text="*" ErrorMessage ="RequiredFieldValidator" ForeColor="Red">Debe ingresar el
nombre de usuario</asp:RequiredFieldValidator> <br />
Ingrese la edad del usuario: <asp:TextBox ID="TxtEdad" runat ="server" Height
="25px"></asp:TextBox>
<asp:RangeValidator ID="Rango" runat="server" ControlToValidate ="TxtEdad"
MinimumValue="18" MaximumValue="69" Text ="*" ErrorMessage="RangeValidator" ForeColor="Red">Debe
tener entre 18 y 69 años</asp:RangeValidator><br/>
Contraseña <asp:TextBox ID="TxtPass1" runat ="server" Height ="25px"></asp:TextBox>
Confirma la Contraseña <asp:TextBox ID="TxtPass2" runat ="server" Height
="25px"></asp:TextBox>
<asp:CompareValidator ID ="Comparar" runat ="server" ControlToValidate="TxtPass2"
ControlToCompare="TxtPass1" Text="*" ErrorMessage ="CompareValidator" Type ="String"
ForeColor="Red" >Contraseñas diferentes</asp:CompareValidator>
</div>
</asp:Content>
5. Si se entendió la pregunta 4 realizar un ejercicio diferente introduciendo los
controles de validación.