94 – SCRIPT PARA EDITAR DATOS DEL CLIENTE en el sistema con BD y GITHUB (👨💻PHP y MYSQL💻)
Duración: 8 minDescripción
🎓 Lección 94: Script para Editar Datos del Cliente (PHP & MySQL)
Esta lección se centra en la implementación del código JavaScript (jQuery) en la vista clientes/update.php para gestionar la interacción del formulario y enviar los datos actualizados del cliente al controlador. El objetivo es asegurar que los campos obligatorios estén llenos antes de proceder con la actualización en la base de datos.
⚙️ Lógica del Script de Actualización
Se utiliza un script de jQuery que se activa al hacer clic en el botón "Actualizar" (#btn_actualizar_cliente) [01:45].
- Lectura de Valores: El script captura los valores de los tres campos de entrada (<input>) del formulario [02:21]:
- Nombre del Cliente (#nombre_cliente)
- NIT/CI del Cliente (#nit_ci_cliente)
- Placa del Auto (#placa_auto)
- Validación de Campos Vacíos (If Anidados): Se utiliza una serie de condicionales anidados para verificar que todos los campos obligatorios estén llenos [03:46].
- Validación 1: Nombre: Si el nombre está vacío, muestra una alerta (alert) indicando: "Debes llenar el campo nombre del cliente" y enfoca el cursor en el campo.
- Validación 2: NIT/CI: Si el nombre es válido, pero el NIT/CI está vacío, muestra una alerta: "Debes de llenar el campo nit/ci del cliente" y enfoca el cursor en el campo.
- Validación 3: Placa del Auto: Si los campos anteriores son válidos, pero la placa está vacía, muestra una alerta: "Debe de llenar el campo placa auto" y enfoca el cursor en el campo.
- Preparación para el Controlador: Una vez que todas las validaciones son exitosas, el script está listo para enviar los datos al nuevo controlador de actualización, aunque esta parte se deja para la siguiente lección [06:26].
📝 Mejora en el Frontend
Para mejorar la experiencia del usuario, se añadió un asterisco (*) de color rojo junto a las etiquetas de cada campo para indicar visualmente que son datos obligatorios [06:58].
🛣️ Creación del Controlador (Siguiente Paso)
El video concluye con la creación del archivo del controlador que recibirá los datos: clientes/controller_update.php [07:37].
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! ❤️