27 Mostrar los ERRORES en pantalla en el curso de LARAVEL 10 - Sistema de control de asistencia
Duración: 11 minDescripción
🎬 Lección 27: ❌ Mostrar los Errores de Backend en Pantalla
Enlace del Video: https://youtu.be/6SKsslLPu_g
💡 Objetivo:
Mejorar la experiencia del usuario mostrando de forma clara y visible los mensajes de error de las validaciones de backend (controlador) directamente en la vista del formulario.
📌 Detalle de la Implementación (Frontend con Blade)
La validación del backend funciona, pero sin mensajes, el usuario no sabe qué campos fallaron. El objetivo es que el controlador, al rebotar la solicitud, traiga consigo los errores para que la vista pueda imprimirlos.
- 1. Mensajes por Campo (Opcional) 🏷️:
- Se muestra cómo usar la directiva de Blade @error('nombre_del_campo') [02:48].
- Esta directiva solo imprime el mensaje de error devuelto por Laravel si la validación falla para ese campo específico, permitiendo un diseño localizado (ej. un mensaje rojo debajo de cada input fallido).
- 2. Alerta Global de Errores (Método Preferido) 🛑:
- El instructor opta por mostrar todos los errores en un listado consolidado en la parte superior del formulario para mayor concisión [05:16].
- Se utiliza una alerta de Bootstrap (alert alert-danger) para darle un estilo visual de advertencia en color rojo [05:25].
- Controlador de Vista: La lista completa de errores solo se muestra si existen, usando la directiva condicional @if ($errors->any()) [07:06].
- Impresión de Mensajes: Para listar todos los errores de la sesión, se utiliza un bucle @foreach que itera sobre la colección de errores devuelta automáticamente por Laravel, mostrando cada mensaje en un elemento de lista (<li>) [05:39].
- Nota: Se menciona que los mensajes se muestran en inglés, lo que requerirá una futura localización al español [08:13].
Resultado: El formulario ahora es mucho más amigable. Si el usuario intenta enviar datos incompletos o manipulados, el sistema rechaza el registro y presenta una alerta clara con el listado de todos los campos que necesitan corrección.
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️