Data annotations

Clase 29 de 35 • Curso de ASP.NET Core

Clase anteriorSiguiente clase

BALFRE VAZQUEZ CASTREJON

student•

Otras que nos pueden servir

Rango de valores [Range(12, 120, ErrorMessage = "You must be between 12 and 120 years of age.")]
Tipo de correo [EmailAddress(ErrorMessage = "Please enter a valid email address.")]
El atributo sera ignorado para la base de datos. [NotMapped]
Que mostrar cuando sea nulo el valor [DisplayFormat( NullDisplayText = "Null name" )]

Yezid Garcia Medina

student•

A mi me corta la longitud de la cadena de caracteres cuando ya son 5, no me deja escribir de más.

[StringLength(5)]

Es decir, si funciona, pero no me visualiza el mensaje de advertencia que debe ser máximo 5 caracteres, pues desde un principio no me deja escribir más de 5. ¿Qué puede ser?

Miguel Peláez

student•

Esto es porque ya hay nueva versión de netcore y al parecer en esta actualizaron la funcionalidad de esa Data annotations y ya en lugar de generar mensaje de la validación, limita a que el usuario no supere la longitud máxima.

Omar Ismael Martínez Gómez

student•

Úsalo de la siguiente manera: [StringLength(5, ErrorMessage="La longitud máxima es de 5 caracteres")]

Espero te ayude. Saludos

Leonardo Ernesto Solórzano Carrasquero

student•

Si no mal recuerdo puedes usar el required de la siguiente manera:

[Required(ErrorMessage = "El atributo {0} es requerido.")]

Y podras usarlo para todos los campos.

Alex Cuenca M

student•

Si, a nivel de clase

Braulio Guzman

student•

Para expresiones regulares: [RegularExpression(@"^[a-zA-Z''-'\s]{1,40}$", ErrorMessage = "Characters are not allowed.")]

Jorge Luis Paiva Huamán

student•

Hay alguna forma dinámica y práctica en net core para validar en el lado del cliente sin necesidad de hacer el post? jquery seguramente se usaría pero asociado a este framework... qué alternativas hay?

JOSE LUIS GUILLÉN BLASCO

student•

jquery, más adelante en una clase lo trata.

Gustavo Olmedo

student•

Estas validaciones se muestran en forma de lista en la parte superior del formulario. Desde mi punto de vista es mejor mostrarlas debajo del control apropiado, esto se puede hacer poniendo una etiqueta con el atributo asp-validation-for, podemos aplicar estilos a esta etiqueta y hacer que se vea más atractivo.

<div>
	<label asp-for="Nombre"></label>
        <input asp-for="Nombre" />
        <span asp-validation-for="Nombre"></span>
</div>

Nicolás Aldao

student•

Debido a la actualización del NetCore, ahora limitan el ingreso de carácteres y no te da ningún aviso el

[StringLength(5)]

Hice una ayuda dinámica para el usuario con js al lado del input text:

HTML:

        <input asp-for="Nombre" id="Nombre" oninput="ayudaUsuario()"/>
        <div id="NombreHelper" style="display:inline;"></div>


	-----------------------------------------
	<script>

   		 $(document).ready(function(){
        
   		 });

    		function myFunction() {
        		var x = document.getElementById("Nombre").value;
        		document.getElementById("NombreHelper").innerHTML = "You wrote: " + x.length + ", the maximum length 
			is 5.***";
    		} 

	</script>

Omar Toribio Morales Flores

student•

Como puedo ponerle estilo a los mensajes de las anotacciones??

Oscar Jaramillo

student•

😎

Oscar Jaramillo

student•

Interesante

Anahi Zentella Aguirre

company_admin•

Excelente! todo esto muy util para validar los forms

Julián Mejia

student•

Muy interesante lo del Data Annotations.

Engels Prado

student•

Cómo podría darle estilos a las data annotations?

Manuel Castillo García

student•

En este caso JuanK utiliza para validar un:

<div asp-validation-summary="All"></div>

Al renderizarse este div reemplaza el atributo por la clase validation-summary-errors por lo que podrias tunearlo aplicando CSS a dicha clase.

Carlos Javier Bazan Huaman

student•

lo que indica Manuel Castillo es correcto solo que los estilos se aplicarian a la etiqueta DIV.

Carlos Javier Bazan Huaman

student•

esas validaciones son básicas pero muy practicas!.

Janer Tegue

student•

DataAnnotations nos permite llevar a cabo validaciones de datos de acuerdo a nuestras necesidades. Esas necesidades son decoraciones que indicaremos a los miembros de nuestras entidades y Datos. Una decoración corresponderá a una validación.

https://geeks.ms/jorge/2012/04/26/validando-sin-parar-uso-de-dataannotations/

Cristopher Soto Cárdenas

student•

Hola! A mi me sucede que apenas se abre el formulario ya muestra las validaciones, sin haber dado click al botón, saben por qué puede que ser?

Nicolás Aldao

student•

Las data annotations serían validaciones desde el front o desde el back? Es decir, las validaciones están cargadas cuando se carga el formulario o recién se manda la señal al server cuando se da el submit para hacer la validación?

Juan David Amaya Cardenas

student•

Razor carga el modelo en el cliente cuando el controller lanza la vista, por lo que se puede deducir que esto se valida en el front, sin embargo el modelo también puede ser manipulado en el back y verificar la validez de un objeto basada en sus dataannotations con el método .IsValid()

Michael Emir Reynosa Beltrán

student•

Si desean ampliar los diferentes anotations que hay: https://docs.microsoft.com/en-us/aspnet/core/mvc/models/validation?view=aspnetcore-2.2

Data annotations

Introducción a ASP.NET Core

Todo lo que aprenderás sobre ASP.NET Core

Herramientas y prerrequisitos

La importancia del middleware en el entorno web

Mi primera aplicación ASP.Net Core

Habilitar certificados, planillas preinstaladas

Revisión detalladas de la estructura de directorios

¿Qúé es el patrón MVC?

Nuestro Proyecto

Modelo Vista Controlador a nivel básico

Vista y controlador

Modelo a nivel básico

Razor Syntax

Vistas Plantillas y modelo

Vistas, plantillas, Archivos de inicio

Importación de modelos

Vistas para listar asignaturas

Vistas parciales

Mostrando otras listas de objetos

Actualizando la versión de bootstrap

Entity Framework Core

Introducción a entity framework

Conectando la solución con Entity Framework Core

Sembrando datos en la base de datos

Optimizando siembra de datos

Refactoring del Modelo para un ORM

Implementando cambios en el modelo

Refactoring siembra de datos

Ajuste de vistas y formularios

Ajuste de enrutamiento

Ajuste de vistas y controladores

Creando un formulario

Validaciones de formularios

Tu primer Reto

Atributos de validación y bases de datos

Data annotations

Segundo Reto

Usando una Base de Datos de verdad

Diseño de vistas y controladores optimizado

Scaffolding o borrón y cuenta nueva

Tercer Reto

Deploy del sitio

Publicando el website

Conclusiones