6. Validando Las Entradas De Usuario

3,870 views
3,755 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,870
On SlideShare
0
From Embeds
0
Number of Embeds
41
Actions
Shares
0
Downloads
130
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

6. Validando Las Entradas De Usuario

  1. 1. Validación de la entrada de datos de usuario
  2. 2. Descripción <ul><li>Descripción de la validación de entrada de datos de usuario </li></ul><ul><li>Uso de controles de validación </li></ul><ul><li>Validación de páginas </li></ul>
  3. 3. Lección: validación de la entrada de datos del usuario <ul><li>¿Qué es es la validación de entrada de datos? </li></ul><ul><li>Validación del lado del cliente y del lado del servidor </li></ul><ul><li>Controles de validación ASP.NET </li></ul>
  4. 4. ¿Qué es es la validación de entrada de datos? <ul><li>Verifica que el usuario ha introducido correctamente el valor de un control </li></ul><ul><li>Bloquea el procesamiento de una página hasta que todos los controles son válidos </li></ul><ul><li>Evita el spoofing o añadir código mal intencionado </li></ul>
  5. 5. Validación del lado del cliente y del lado del servidor <ul><li>ASP.NET puede generar validación del lado del cliente y del lado del servidor </li></ul><ul><li>Validación del lado del cliente </li></ul><ul><ul><li>Dependiente de la versión del navegador </li></ul></ul><ul><ul><li>Respuesta inmediata </li></ul></ul><ul><ul><li>Reduce los ciclos de postback </li></ul></ul><ul><li>Validación del lado del servidor </li></ul><ul><ul><li>Repite toda la validación del lado del cliente </li></ul></ul><ul><ul><li>Puede validar contra datos almacenados </li></ul></ul>¿Válido? ¿Válido? El usuario introduce datos No No Sí Sí Mensaje de error Cliente Servidor Aplicación Web procesada
  6. 6. Controles de validación ASP.NET <ul><li>ASP.NET proporciona controles de validación para: </li></ul><ul><li>Comparar valores </li></ul><ul><li>Comparar con una fórmula personalizada </li></ul><ul><li>Comparar con un intervalo </li></ul><ul><li>Comparar con un modelo de expresión habitual </li></ul><ul><li>Requerir entrada de datos por parte del usuario </li></ul><ul><li>Resumir los controles de validación de una página </li></ul>
  7. 7. Lección: uso de los controles de validación <ul><li>Agregar controles de validación a un formulario Web Form </li></ul><ul><li>Posicionar controles de validación en un formulario Web Form </li></ul><ul><li>Combinar controles de validación </li></ul><ul><li>Controles de validación para la entrada de datos </li></ul><ul><li>Uso del control RegularExpressionValidator </li></ul><ul><li>Demostración: uso de controles de validación </li></ul><ul><li>Uso del control CustomValidator </li></ul><ul><li>Demostración: uso del control CustomValidator </li></ul>
  8. 8. Agregar controles de validación a un Web Form <ul><li>Agregar un control de validación </li></ul><ul><li>Seleccionar el control de entrada de datos para validar </li></ul><ul><li>Establecer propiedades de validación </li></ul><asp: Type_of_Validator id=&quot; Validator_id &quot; runat=&quot;server&quot; ControlToValidate=&quot; txtName &quot; ErrorMessage=&quot; Message_for_error_summary &quot; Display=&quot; static|dynamic|none &quot; Text=&quot; Text_to_display_by_input_control &quot;> </asp: Type_of_Validator> <asp:TextBox id=&quot; txtName &quot; runat=&quot;server&quot; /> 1 2 3
  9. 9. Posicionar controles de validación en un Web Form <ul><li>Crear mensajes de error </li></ul><ul><li>Seleccionar modo de presentación </li></ul><ul><ul><li>Estático </li></ul></ul><ul><ul><li>Dinámico </li></ul></ul>
  10. 10. Combinar controles de validación <ul><li>Pueden existir múltiples controles de validación en un único control de entrada de datos </li></ul><ul><li>Únicamente RequiredFieldValidator comprueba los controles vacíos </li></ul>
  11. 11. Controles de validación de entrada de datos <ul><li>RequiredFieldValidator </li></ul><ul><ul><li>InitialValue </li></ul></ul><ul><li>CompareValidator </li></ul><ul><ul><li>ValueToComparar o ControlToComparar </li></ul></ul><ul><ul><li>Type </li></ul></ul><ul><ul><li>Operator </li></ul></ul><ul><li>RangeValidator </li></ul><ul><ul><li>MinimumValue </li></ul></ul><ul><ul><li>MaximumValue </li></ul></ul><ul><ul><li>Type </li></ul></ul>Código de ejemplo
  12. 12. Uso de el control RegularExpressionValidator <ul><li>Se utiliza cuando la entrada debe ajustarse a un modelo predefinido </li></ul><ul><li>Visual Studio .NET incluye modelos para: </li></ul><ul><ul><li>Números de teléfono </li></ul></ul><ul><ul><li>Códigos postales </li></ul></ul><ul><ul><li>Direcciones electrónicas </li></ul></ul><asp:RegularExpressionValidator … ControlToValidate=&quot; US_PhoneNumber &quot;… ValidationExpression=&quot; (((d{3}) ?)|(d{3}-))?d{3}-d{4} &quot; … >*</asp:RegularExpressionValidator > Código de ejemplo
  13. 13. Demostración: uso de los controles de validación <ul><li>Crear un formulario Web Form ASP.NET con controles TextBox y Button </li></ul><ul><li>Agregar un control RequiredFieldValidator </li></ul><ul><li>Agregar un control RangeValidator </li></ul><ul><li>Agregar un control RegularExpressionValidator </li></ul>
  14. 14. Uso del control CustomValidator <ul><li>Es posible validar en lado del cliente, en el lado del servidor, o en ambos </li></ul><ul><ul><li>ClientValidationFunction </li></ul></ul><ul><ul><li>OnServerValidate </li></ul></ul><ul><li>Validar con: </li></ul><ul><ul><li>Fórmula </li></ul></ul><ul><ul><li>Datos </li></ul></ul><ul><ul><li>Objetos COM </li></ul></ul><ul><ul><li>Servicio Web </li></ul></ul>Código de ejemplo
  15. 15. Demostración: uso del control CustomValidator <ul><li>Agregar un control CustomValidator </li></ul><ul><li>Escribir el código del lado del servidor </li></ul><ul><li>Escribir el script en el lado del cliente </li></ul><ul><li>Probar el resultado </li></ul>
  16. 16. Lección: validación de páginas <ul><li>Uso de la propiedad Page.IsValid </li></ul><ul><li>Uso del control ValidationSummary </li></ul><ul><li>Demostración: uso de la propiedad Page.IsValid y del control ValidationSummary </li></ul>
  17. 17. Uso de la propiedad Page.IsValid <ul><li>Examina todos los controles de validación </li></ul>Sub cmdSubmit_Click(s As Object, e As EventArgs) If Page.IsValid Then Message.Text = &quot;Page is valid!&quot; ' 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 = &quot;Page is Valid!&quot;; // Perform database updates or other logic here } }
  18. 18. Uso del control ValidationSummary <ul><li>Recopila los mensajes de error de todos los controles de validación de la página </li></ul><ul><li>Puede mostrar mensajes de texto y de error </li></ul><ul><li>Utilizar Text=&quot; * &quot; para indicar la ubicación del error </li></ul><asp:ValidationSummary id=&quot;valSummary&quot; runat=&quot;server&quot; HeaderText=&quot;These errors were found:&quot; ShowSummary=&quot;True&quot; DisplayMode=&quot;List&quot;/>
  19. 19. Demostración: uso de la propiedad Page.IsValid y del control ValidationSummary <ul><li>Abrir una página ASP.NET con múltiples cuadros de texto y controles de validación </li></ul><ul><li>Agregar un control ValidationSummary </li></ul><ul><li>Agregar un script que utilice la propiedad Page.IsValid </li></ul>

×