Actividad autónoma: Controles de validacion en ASP.NET

5
Actividad autónoma 1. Describa las propiedades principales y especificas de los siguientes ejemplos: Ejemplo#1: Ejemplo#2: Ejemplo#3: RequiredFieldVal idator Descripcion de la propiedad ControlToValidat e Obtiene o establece el control de entrada que se va a validar. Text Obtiene o establece el texto asociado al control. < asp : RequiredFieldValidator ID ="Validador" ControlToValidate ="TxtNombre" Text ="*" InitialValue ="Escriba su nombre aqui" ErrorMessage ="Ha omitido un error" runat ="server" > < 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 : CompareValidator Id ="Compara" ControlToValidate ="Txt1" ControlToCompare ="Txt2" Type ="Integer" Operator ="GreaterThan" ErrorMessage ="La edad del padre debe ser mayor" runat ="server"> </ asp : CompareValidator >

Transcript of Actividad autónoma: Controles de validacion en ASP.NET

Page 1: Actividad autónoma: Controles de validacion en ASP.NET

Actividad autónoma

1. Describa las propiedades principales y especificas de los siguientes ejemplos:Ejemplo#1:

Ejemplo#2:

Ejemplo#3:

RequiredFieldValidator Descripcion de la propiedadControlToValidate Obtiene o establece el control de entrada que se va a

validar.Text Obtiene o establece el texto asociado al control.RangeValidator Descripcion de la propiedadControlToValidate Obtiene o establece el control de entrada que se va a

validar.Text Obtiene o establece el texto asociado al control.MaximunValue Obtiene o establece el valor máximo del intervalo de

validación.MinimunValue Obtiene o establece el valor minimo del intervalo de

<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>

Page 2: Actividad autónoma: Controles de validacion en ASP.NET

validación.Type Tipo de datosCompareValidator Descripcion de la propiedadControlToCompare Obtiene o establece el control de entrada con el que se

desea comparar el control de entrada que se va a validar.ControlToValidate Obtiene o establece el control de entrada que se va a

validar.Operator Obtiene o establece la operación de comparación que se

va a realizar.Type Tipo de datosOtras propiedades DescripcionID Establece el nombre del controlErrorMessage Obtiene o establece el texto del mensaje de error

mostrado en un control cuando se produce un error de validacion

Runat Especifiacion de servidor sobre 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

Page 3: Actividad autónoma: Controles de validacion en ASP.NET

4. Realizar una aplicación según los 3 ejemplos dados

Page 4: Actividad autónoma: Controles de validacion en ASP.NET

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.

Codificación

NOMBRE: <asp:TextBox ID="TxtNombre" runat="server" Height="16px" Width="490px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat ="server" ControlToValidate="TxtNombre" Text="*" ErrorMessage ="RequiredFieldValidator" ForeColor="Red">Debe ingresar el nombre de usuario</asp:RequiredFieldValidator><br />

Page 5: Actividad autónoma: Controles de validacion en ASP.NET

DIRECCIÓN: <asp:TextBox ID="TxtDireccion" runat ="server" Height ="16px" Width ="490px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat ="server" ControlToValidate="TxtDireccion" Text="*" ErrorMessage ="RequiredFieldValidator" ForeColor="Red">Debe ingresar la</asp:RequiredFieldValidator> <br /> EDAD: <asp:TextBox ID="TxtEdad" runat="server" Height ="16px" Width ="79px"></asp:TextBox> <asp:requiredfieldvalidator id="rfvEdad" runat="server" Display="Dynamic" ControlToValidate="TxtEdad" ErrorMessage="requiredfieldvalidator" Text="*">Ingrese la edad</asp:requiredfieldvalidator> <asp:comparevalidator id="CompareValidator2" runat="server" Display="Dynamic" ControlToValidate="TxtEdad" ErrorMessage="comparevalidator" Type="Integer" Operator="GreaterThanEqual" ValueToCompare="18" Text="*">Valor minimo 18</asp:comparevalidator><br /> EMAIL: <asp:TextBox ID="TxtEmail" runat="server" Height ="16px" Width ="300px"></asp:TextBox> <asp:requiredfieldvalidator id="rfvEmail" runat="server" Display="Dynamic" ControlToValidate="TxtEmail" ErrorMessage="requiredfieldvalidator" Text="*">Falta el ingreso</asp:requiredfieldvalidator> <asp:regularexpressionvalidator id="revEmail" runat="server" ControlToValidate="TxtEmail" ErrorMessage="regularexpressionvalidator" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Text="*">Formato de correo no valido</asp:regularexpressionvalidator><br /> PASSWORD: <asp:TextBox ID="TxtPass1" runat="server" Height ="16px" Width ="140px" TextMode="Password"></asp:TextBox> Repetir pass <asp:TextBox ID="TxtPass2" runat="server" Height ="16px" Width ="140px" TextMode="Password"></asp:TextBox> <asp:CompareValidator ID ="Comparar" runat ="server" ControlToValidate="TxtPass2" ControlToCompare="TxtPass1" Text="*" ErrorMessage ="CompareValidator" Type ="String" ForeColor="Red" >Contraseñas diferentes</asp:CompareValidator><br /> TELEFONO <asp:TextBox ID="TxtFono" runat="server" Height="16px" Width ="140px"></asp:TextBox> <asp:regularexpressionvalidator id="revFono" runat="server" Display="Dynamic" ControlToValidate="TxtFono" ErrorMessage="Formato de teléfono no valido" ValidationExpression="\(\d{3}\)\-\d{3}\-\d{7}">**</asp:regularexpressionvalidator><br /> VALOR <asp:TextBox ID = "TxtValor" runat= "server" Height="16px" Width="140px"></asp:TextBox> <asp:rangevalidator id="rangefvValor" runat="server" Display="Dynamic" ControlToValidate="txtValor" ErrorMessage=" RangeValidator" Type="Double" MaximumValue="800" MinimumValue="230">Fuera de rango</asp:rangevalidator>