Upload
jaime-acurio
View
584
Download
1
Embed Size (px)
Citation preview
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