Como podemos validar el formulario utilizando ASP MVC

Buenas Amigos, En el día de hoy vamos a enseñarle a validar formulario utilizando la Data Annotations,ya verá lo fácil es usarla y nos ahorramos mucho tiempo de programación.

En este tutorial le voy hacer una demostración sencilla de como utilizarla de una forma simple para que vaya aprendiendo a utilizarla, a su debido tiempo podrá ir agregando cosa más avanzada que en este curso no tocaremos.

!Vamos a trabajar!

Paso 1 : Vamos a crear una aplicación Web utilizando MVC

  1. Abrimos el visual studio 2015
  2. Archivo y luego nuevo y seleccionamos el proyecto en este caso es aplicaciones ASP.NET y le ponemos un nombre en este caso le pondré ValidarFormulario  y finalmente seleccionó MVC.

Paso 2 : Vamos crear primeramente nuestro modelo.

  1. Nos posicionamos encima de la carpeta Model
  2. Damos click en la opción Agregar  y luego seleccionamos la opción  Class , le ponemos un nombre en mi caso le pondré Empleado.

Paso 3 : Vamos crear un controlador

  1. Nos posicionamos encima de la carpeta Controller
  2. Damos click en la opción Controller y luego seleccionamos un controlador en blanco y le  ponemos nombre a controlador en este caso le pondremos EmpleadoController y finalmente le damos agregar.

Paso 4 : Vamos a crear un Método

  1. Damos click derecho dentro del método Create luego le damos agregar vista. nos aparecerá la siguiente venta.
  1. Le ponemos un nombre a nuestra vista en este caso le dejo como estas luego seleccionamos la pantalla que queremos utilizar en nuestro caso es crear  un formulario y seleccionado el modelo que creamos en nuestro caso se llama Empleado y finalmente le damos agregar.
  1. Una vez creado nuestra vista nos aparecerá una plantilla con todos los campos definido así como se visualiza en la imagen.

 

  1. Si nos fijamos en la plantilla tienes varias helper.
    1. ValidationSummary : Con este helper podemos ver de manera resumida los errores .
    2. ValidationMessageFor : Con este helper podemos ver los errores de manera independiente.

Paso 5 : Vamos a definir las Data Annotations en el modelo.

  1. Vamos utilizar el Required  y Range para hacer nuestra validación
    1. Required : Indicando el campo queremos que sea obligatorio
    2. Range : Indicamos el rango que esté comprendido el valores que le estemos asignado.

Paso 6: Vamos a correr la aplicaciones para ver cómo se comporta.

si le colocamos algún valor en cualquiera de la casilla se elimina la validación así como se visualizan en la imagen

has notado algo extraño es que en la casilla edad hemos puesto un valor incorrecto ya que en modelo le habíamos indicado que el rango de la edad estaba comprendido de 1 a 100 por ende el validador nos hace la salvedad que estamos poniendo un valor incorrecto. si colocamos un valor correcto inmediatamente se elimina la validación así como se ve en la imagen.

y listo .

Resumen

Con los Data Annotations  nosotro podemos hacer validacion muy sencilla y rápida ya que los helps tienes código predefinido .

Espero que le haiga gustado el tutorial de hoy , nos vemos en un próximo tutorial

Add a Comment

Your email address will not be published. Required fields are marked *