SlideShare una empresa de Scribd logo
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 spoofing
      o añadir
      código mal
      intencionado
Validación del lado del cliente y del lado del servidor

     ASP.NET puede generar                             El usuario
      validación del lado del cliente y              introduce datos
      del lado del servidor                                                 Mensaje
                                                                            de error
     Validación del lado del cliente
          Dependiente de la versión del                   ¿Válido?
           navegador                                                   No
          Respuesta inmediata                  Cliente        Sí
          Reduce los ciclos de postback        Servidor
     Validación del lado del servidor                     ¿Válido?
                                                                       No
          Repite toda la validación del lado
           del cliente                                         Sí
          Puede validar contra datos
           almacenados                               Aplicación Web
                                                       procesada
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
  1

  2. Seleccionar el control de entrada de datos para validar
  2

  3. Establecer propiedades de validación
  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>
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 >


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

Más contenido relacionado

Similar a 6. validando las entradas de usuario

3. crear formularios web forms
3.  crear formularios web forms3.  crear formularios web forms
3. crear formularios web forms
Jaime Acurio
 
Controles aspnet validacion
Controles aspnet validacionControles aspnet validacion
Controles aspnet validacion
Around a Bit
 
14. Seguridad En Aplicaciones Web Asp.Net
14.  Seguridad En Aplicaciones Web Asp.Net14.  Seguridad En Aplicaciones Web Asp.Net
14. Seguridad En Aplicaciones Web Asp.Net
guest3cf6ff
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NET
williamsm
 
Desarrollo de aplicaciones .NET
Desarrollo de aplicaciones .NETDesarrollo de aplicaciones .NET
Desarrollo de aplicaciones .NET
Hernan Chavarriaga
 
Framework .NET 3.5 08 Validación de datos
Framework .NET 3.5 08 Validación de datosFramework .NET 3.5 08 Validación de datos
Framework .NET 3.5 08 Validación de datos
Antonio Palomares Sender
 
Validación de datos.
Validación de datos.Validación de datos.
Validación de datos.
Alex Florez
 
Eventos
EventosEventos
Eventos
gina huertas
 
Validacionde Paginas Asp.Net
Validacionde Paginas Asp.NetValidacionde Paginas Asp.Net
Validacionde Paginas Asp.Net
UBA
 
Label
LabelLabel
Validación de formularios
Validación de formulariosValidación de formularios
Validación de formularios
ANGELICAALEXANDRA1
 
Enterprise Library 5
Enterprise Library 5Enterprise Library 5
Enterprise Library 5
Oliver Centeno
 
Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patrones
juliocasal
 
ASP.NET
ASP.NETASP.NET
ASP.NET
jclementeucci
 
Framework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la redFramework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la red
Antonio Palomares Sender
 
[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)
[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)
[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)
Microsoft Argentina y Uruguay [Official Space]
 
Pagos electrónicos
Pagos electrónicosPagos electrónicos
Pagos electrónicos
René Olivo
 
3. Crear Formularios Web Forms
3.  Crear Formularios Web Forms3.  Crear Formularios Web Forms
3. Crear Formularios Web Forms
guest3cf6ff
 
Ciclo De Vida De Una Página ASP.NET
Ciclo De Vida De Una Página ASP.NETCiclo De Vida De Una Página ASP.NET
Ciclo De Vida De Una Página ASP.NET
Juan Pablo Ibañez
 
ASP.NET MVC - validacion de datos
ASP.NET MVC - validacion de datosASP.NET MVC - validacion de datos
ASP.NET MVC - validacion de datos
Danae Aguilar Guzmán
 

Similar a 6. validando las entradas de usuario (20)

3. crear formularios web forms
3.  crear formularios web forms3.  crear formularios web forms
3. crear formularios web forms
 
Controles aspnet validacion
Controles aspnet validacionControles aspnet validacion
Controles aspnet validacion
 
14. Seguridad En Aplicaciones Web Asp.Net
14.  Seguridad En Aplicaciones Web Asp.Net14.  Seguridad En Aplicaciones Web Asp.Net
14. Seguridad En Aplicaciones Web Asp.Net
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NET
 
Desarrollo de aplicaciones .NET
Desarrollo de aplicaciones .NETDesarrollo de aplicaciones .NET
Desarrollo de aplicaciones .NET
 
Framework .NET 3.5 08 Validación de datos
Framework .NET 3.5 08 Validación de datosFramework .NET 3.5 08 Validación de datos
Framework .NET 3.5 08 Validación de datos
 
Validación de datos.
Validación de datos.Validación de datos.
Validación de datos.
 
Eventos
EventosEventos
Eventos
 
Validacionde Paginas Asp.Net
Validacionde Paginas Asp.NetValidacionde Paginas Asp.Net
Validacionde Paginas Asp.Net
 
Label
LabelLabel
Label
 
Validación de formularios
Validación de formulariosValidación de formularios
Validación de formularios
 
Enterprise Library 5
Enterprise Library 5Enterprise Library 5
Enterprise Library 5
 
Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patrones
 
ASP.NET
ASP.NETASP.NET
ASP.NET
 
Framework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la redFramework .NET 3.5 13 Programación orientada a la red
Framework .NET 3.5 13 Programación orientada a la red
 
[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)
[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)
[Code Camp 2009] ASP.NET MVC a full (Matías Juan Rubí + Jonathan Solarz)
 
Pagos electrónicos
Pagos electrónicosPagos electrónicos
Pagos electrónicos
 
3. Crear Formularios Web Forms
3.  Crear Formularios Web Forms3.  Crear Formularios Web Forms
3. Crear Formularios Web Forms
 
Ciclo De Vida De Una Página ASP.NET
Ciclo De Vida De Una Página ASP.NETCiclo De Vida De Una Página ASP.NET
Ciclo De Vida De Una Página ASP.NET
 
ASP.NET MVC - validacion de datos
ASP.NET MVC - validacion de datosASP.NET MVC - validacion de datos
ASP.NET MVC - validacion de datos
 

Más de Jaime Acurio

Normativa covid-19- 1-.pdf.pdf.pdf
Normativa covid-19- 1-.pdf.pdf.pdfNormativa covid-19- 1-.pdf.pdf.pdf
Normativa covid-19- 1-.pdf.pdf.pdf
Jaime Acurio
 
Jaime acurio foro_arte_matemat
Jaime acurio foro_arte_matematJaime acurio foro_arte_matemat
Jaime acurio foro_arte_matemat
Jaime Acurio
 
Evaluacionacreditacion
EvaluacionacreditacionEvaluacionacreditacion
Evaluacionacreditacion
Jaime Acurio
 
Evaluacionacreditacion1
Evaluacionacreditacion1Evaluacionacreditacion1
Evaluacionacreditacion1
Jaime Acurio
 
Manual de enfermeria básica
Manual de enfermeria básicaManual de enfermeria básica
Manual de enfermeria básica
Jaime Acurio
 
Cd 1 introduccion y conceptos basicos-e
Cd 1 introduccion y conceptos basicos-eCd 1 introduccion y conceptos basicos-e
Cd 1 introduccion y conceptos basicos-e
Jaime Acurio
 
Introducc base datos-sql
Introducc base datos-sqlIntroducc base datos-sql
Introducc base datos-sql
Jaime Acurio
 
Compacto introduccion
Compacto introduccionCompacto introduccion
Compacto introduccion
Jaime Acurio
 
Storyboard trab final
Storyboard trab finalStoryboard trab final
Storyboard trab final
Jaime Acurio
 
Elcolor 100817220948-phpapp01
Elcolor 100817220948-phpapp01Elcolor 100817220948-phpapp01
Elcolor 100817220948-phpapp01
Jaime Acurio
 
CICLO FOR
CICLO FORCICLO FOR
CICLO FOR
Jaime Acurio
 
Prueba
PruebaPrueba
Prueba
Jaime Acurio
 
CICLO FOR
CICLO FORCICLO FOR
CICLO FOR
Jaime Acurio
 
Para hacer un_corto
Para hacer un_cortoPara hacer un_corto
Para hacer un_corto
Jaime Acurio
 
6. validando las entradas de usuario
6.  validando las entradas de usuario6.  validando las entradas de usuario
6. validando las entradas de usuario
Jaime Acurio
 
2. uso de microsoft visual studio .net
2.  uso de microsoft visual studio .net2.  uso de microsoft visual studio .net
2. uso de microsoft visual studio .net
Jaime Acurio
 
1. introduccion a asp .net
1.  introduccion a asp .net1.  introduccion a asp .net
1. introduccion a asp .net
Jaime Acurio
 
1. introduccion a asp .net
1.  introduccion a asp .net1.  introduccion a asp .net
1. introduccion a asp .net
Jaime Acurio
 
Dokeos 1194734378188738-3
Dokeos 1194734378188738-3Dokeos 1194734378188738-3
Dokeos 1194734378188738-3
Jaime Acurio
 
Funciones propias en lenguaje c
Funciones propias en lenguaje cFunciones propias en lenguaje c
Funciones propias en lenguaje c
Jaime Acurio
 

Más de Jaime Acurio (20)

Normativa covid-19- 1-.pdf.pdf.pdf
Normativa covid-19- 1-.pdf.pdf.pdfNormativa covid-19- 1-.pdf.pdf.pdf
Normativa covid-19- 1-.pdf.pdf.pdf
 
Jaime acurio foro_arte_matemat
Jaime acurio foro_arte_matematJaime acurio foro_arte_matemat
Jaime acurio foro_arte_matemat
 
Evaluacionacreditacion
EvaluacionacreditacionEvaluacionacreditacion
Evaluacionacreditacion
 
Evaluacionacreditacion1
Evaluacionacreditacion1Evaluacionacreditacion1
Evaluacionacreditacion1
 
Manual de enfermeria básica
Manual de enfermeria básicaManual de enfermeria básica
Manual de enfermeria básica
 
Cd 1 introduccion y conceptos basicos-e
Cd 1 introduccion y conceptos basicos-eCd 1 introduccion y conceptos basicos-e
Cd 1 introduccion y conceptos basicos-e
 
Introducc base datos-sql
Introducc base datos-sqlIntroducc base datos-sql
Introducc base datos-sql
 
Compacto introduccion
Compacto introduccionCompacto introduccion
Compacto introduccion
 
Storyboard trab final
Storyboard trab finalStoryboard trab final
Storyboard trab final
 
Elcolor 100817220948-phpapp01
Elcolor 100817220948-phpapp01Elcolor 100817220948-phpapp01
Elcolor 100817220948-phpapp01
 
CICLO FOR
CICLO FORCICLO FOR
CICLO FOR
 
Prueba
PruebaPrueba
Prueba
 
CICLO FOR
CICLO FORCICLO FOR
CICLO FOR
 
Para hacer un_corto
Para hacer un_cortoPara hacer un_corto
Para hacer un_corto
 
6. validando las entradas de usuario
6.  validando las entradas de usuario6.  validando las entradas de usuario
6. validando las entradas de usuario
 
2. uso de microsoft visual studio .net
2.  uso de microsoft visual studio .net2.  uso de microsoft visual studio .net
2. uso de microsoft visual studio .net
 
1. introduccion a asp .net
1.  introduccion a asp .net1.  introduccion a asp .net
1. introduccion a asp .net
 
1. introduccion a asp .net
1.  introduccion a asp .net1.  introduccion a asp .net
1. introduccion a asp .net
 
Dokeos 1194734378188738-3
Dokeos 1194734378188738-3Dokeos 1194734378188738-3
Dokeos 1194734378188738-3
 
Funciones propias en lenguaje c
Funciones propias en lenguaje cFunciones propias en lenguaje c
Funciones propias en lenguaje c
 

6. validando las entradas de usuario

  • 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  ASP.NET puede generar El usuario validación del lado del cliente y introduce datos del lado del servidor Mensaje de error  Validación del lado del cliente  Dependiente de la versión del ¿Válido? navegador No  Respuesta inmediata Cliente Sí  Reduce los ciclos de postback Servidor  Validación del lado del servidor ¿Válido? No  Repite toda la validación del lado del cliente Sí  Puede validar contra datos almacenados 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 1. Agregar un control de validación 1 2. Seleccionar el control de entrada de datos para validar 2 3. Establecer propiedades de validación 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  Type 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.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