Validación de la entrada de datos de usuario

Presentación del tema: "Validación de la entrada de datos de usuario"— Transcripción de la presentación:

1 Validación de la entrada de datos de usuario

2 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

3 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

4 ¿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 spoofing o añadir código mal intencionado

5 Validación del lado del cliente y del lado del servidor
El usuario introduce datos 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 Mensaje de error ¿Válido? No Cliente Sí Servidor ¿Válido? No Sí Aplicación Web procesada

6 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

7 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

8 Agregar controles de validación a un Web Form
Agregar un control de validación Seleccionar el control de entrada de datos para validar Establecer propiedades de validación 1 2 3 <asp:TextBox id="txtName" runat="server" /> <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>

9 Posicionar controles de validación en un Web Form
Crear mensajes de error Seleccionar modo de presentación Estático Dinámico

10 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

11 Controles de validación de entrada de datos
RequiredFieldValidator InitialValue CompareValidator ValueToComparar o ControlToComparar Type Operator RangeValidator MinimumValue MaximumValue Código de ejemplo

12 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 > Código de ejemplo

13 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

14 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

15 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

16 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

17 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 If End 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 }

18 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"/>

19 Demostración: uso de la propiedad Page
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