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

19
Validación de la entrada de datos de usuario

Transcript of Validación de la entrada de datos de usuario. Descripción Descripción de la validación de...

Page 1: 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.

Validación de la entrada de datos de usuario

Page 2: 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.

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

Page 3: 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.

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

Page 4: 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.

¿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

Page 5: 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.

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

Mensaje de error

Cliente

Servidor

Aplicación Webprocesada

Page 6: 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.

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

Page 7: 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.

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

Page 8: 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.

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

Page 9: 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.

Posicionar controles de validación en un Web Form

Crear mensajes de error Seleccionar modo de presentación

Estático

Dinámico

Page 10: 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.

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

Page 11: 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.

Controles de validación de entrada de datos

RequiredFieldValidator InitialValue

CompareValidator ValueToComparar o ControlToComparar Type Operator

RangeValidator MinimumValue MaximumValue Type

Código de ejemplo

Page 12: 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.

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

Page 13: 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.

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

Page 14: 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.

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

Page 15: 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.

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

Page 16: 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.

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

Page 17: 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.

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

}

}

Page 18: 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.

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

Page 19: 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.

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