Validación de la entrada de datos de usuario

Descripción

Descripción de la validación de entrada de datos de usuario

Uso de controles de validación

Validación de páginas

Lección: validación de la entrada de datos del usuario

¿Qué es es la validación de entrada de datos?

Validación del lado del cliente y del lado del servidor

Controles de validación ASP.NET

¿Qué es es la validación de entrada de datos?

Verifica que el usuario ha introducido correctamente el valor de un control

Bloquea el procesamiento de una página hasta que todos los controles son válidos

Evita el spoofingo añadircódigo mal intencionado

Validación del lado del cliente y del lado del servidor

ASP.NET puede generar validación del lado del cliente y del lado del servidor

Validación del lado del cliente Dependiente de la versión del

navegador Respuesta inmediata Reduce los ciclos de postback

Validación del lado del servidor Repite toda la validación del lado

del cliente Puede validar contra datos

almacenados

¿Válido?

¿Válido?

El usuario introduce datos

No

No

Sí

Sí

Mensaje de error

Cliente

Servidor

Aplicación Webprocesada

Controles de validación ASP.NET

ASP.NET proporciona controles de validación para:

Comparar valores

Comparar con una fórmula personalizada

Comparar con un intervalo

Comparar con un modelo de expresión habitual

Requerir entrada de datos por parte del usuario

Resumir los controles de validación de una página

Lección: uso de los controles de validación

Agregar controles de validación a un formulario Web Form

Posicionar controles de validación en un formulario Web Form

Combinar controles de validación

Controles de validación para la entrada de datos

Uso del control RegularExpressionValidator

Demostración: uso de controles de validación

Uso del control CustomValidator

Demostración: uso del control CustomValidator

Agregar controles de validación a un Web Form

1. Agregar un control de validación

2. Seleccionar el control de entrada de datos para validar

3. Establecer propiedades de validación

<asp:Type_of_Validator id="Validator_id"runat="server"ControlToValidate="txtName"ErrorMessage="Message_for_error_summary"Display="static|dynamic|none"Text="Text_to_display_by_input_control">

</asp:Type_of_Validator>

<asp:Type_of_Validator id="Validator_id"runat="server"ControlToValidate="txtName"ErrorMessage="Message_for_error_summary"Display="static|dynamic|none"Text="Text_to_display_by_input_control">

</asp:Type_of_Validator>

<asp:TextBox id="txtName" runat="server" /><asp:TextBox id="txtName" runat="server" />

1111

2222

3333

Posicionar controles de validación en un Web Form

Crear mensajes de error Seleccionar modo de presentación

Estático

Dinámico

Combinar controles de validación

Pueden existir múltiples controles de validación en un único control de entrada de datos

Únicamente RequiredFieldValidator comprueba los controles vacíos

Controles de validación de entrada de datos

RequiredFieldValidator InitialValue

CompareValidator ValueToComparar o ControlToComparar Type Operator

RangeValidator MinimumValue MaximumValue Type

Código de ejemplo

Uso de el control RegularExpressionValidator

Se utiliza cuando la entrada debe ajustarse a un modelo predefinido

Visual Studio .NET incluye modelos para:

Números de teléfono

Códigos postales

Direcciones electrónicas<asp:RegularExpressionValidator …

ControlToValidate="US_PhoneNumber"…ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4} "…>*</asp:RegularExpressionValidator >

<asp:RegularExpressionValidator …ControlToValidate="US_PhoneNumber"…ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4} "…>*</asp:RegularExpressionValidator >

Código de ejemplo

Demostración: uso de los controles de validación

Crear un formulario Web Form ASP.NET con controles TextBox y Button

Agregar un control RequiredFieldValidator

Agregar un control RangeValidator

Agregar un control RegularExpressionValidator

Uso del control CustomValidator

Es posible validar en lado del cliente, en el lado del servidor, o en ambos

ClientValidationFunction

OnServerValidate

Validar con:

Fórmula Datos Objetos COM Servicio Web

Código de ejemplo

Demostración: uso del control CustomValidator

Agregar un control CustomValidator

Escribir el código del lado del servidor

Escribir el script en el lado del cliente

Probar el resultado

Lección: validación de páginas

Uso de la propiedad Page.IsValid

Uso del control ValidationSummary

Demostración: uso de la propiedad Page.IsValid y del control ValidationSummary

Uso de la propiedad Page.IsValid

Examina todos los controles de validación

Sub cmdSubmit_Click(s As Object, e As EventArgs)If Page.IsValid Then

Message.Text = "Page is valid!"' Perform database updates or other logic here

End IfEnd Sub

Sub cmdSubmit_Click(s As Object, e As EventArgs)If Page.IsValid Then

Message.Text = "Page is valid!"' Perform database updates or other logic here

End IfEnd Sub

private void cmdSubmit_Click(object s, System.EventArgs e)

{ if (Page.IsValid)

{ Message.Text = "Page is Valid!";

// Perform database updates or other logic here

}

}

private void cmdSubmit_Click(object s, System.EventArgs e)

{ if (Page.IsValid)

{ Message.Text = "Page is Valid!";

// Perform database updates or other logic here

}

}

Uso del control ValidationSummary

Recopila los mensajes de error de todos los controles de validación de la página

Puede mostrar mensajes de texto y de error

Utilizar Text="*" para indicar la ubicación del error

<asp:ValidationSummary id="valSummary"runat="server"HeaderText="These errors were found:"ShowSummary="True" DisplayMode="List"/>

<asp:ValidationSummary id="valSummary"runat="server"HeaderText="These errors were found:"ShowSummary="True" DisplayMode="List"/>

Demostración: uso de la propiedad Page.IsValid y del control ValidationSummary

Abrir una página ASP.NET con múltiples cuadros de texto y controles de validación

Agregar un control ValidationSummary

Agregar un script que utilice la propiedad Page.IsValid