115 – SCRIPT PARA REGISTRAR PRECIOS DEL PARQUEO en el sistema con BD y GUTHUB(👨💻PHPyMYSQL💻)

Duración: 8 min
Módulo: Módulo de Precios y Lógica de Cálculo 💰 Lección 3 de 13

Descripción

🎓 Lección 115: Script para Registrar Precios del Parqueo (PHP & MySQL)

La Lección 115 se dedica a la creación del script de JavaScript/jQuery para capturar, validar y enviar los datos del formulario de registro de precios al controlador PHP.

🖥️ 1. Configuración y Diseño del Formulario

El instructor finaliza la configuración de la vista precios/create.php:

  • Validación de type="number": Se añade el atributo type="number" a los campos Cantidad y Precio para restringir la entrada solo a números, garantizando que no se introduzcan letras. [00:00]
  • Identificadores (ID): Se asignan identificadores únicos a los campos de entrada para el acceso mediante JavaScript:
    • ID="cantidad"
    • ID="detalle" (para el <select>)
    • ID="precio"
  • Botones de Acción: Se añaden dos botones: "Cancelar" (que redirige al listado index.php) y "Registrar Precio", al cual se le asigna el ID btn_registrar_precio para el script. [02:07]
  • Campos Obligatorios: Se utiliza la etiqueta <span> con estilo en color rojo y un asterisco (*) para marcar visualmente los campos obligatorios (Cantidad y Precio). [05:02]

📝 2. Script de Validación (JavaScript/jQuery)

Se escribe el código jQuery dentro de la vista create.php para manejar la lógica de negocio antes del envío:

  1. Captura de Variables: El script captura los valores de los tres campos del formulario (cantidad, detalle, precio) al hacer clic en el botón "Registrar Precio". [02:58]
  2. Validación del Formulario (if/else if): Se implementa la validación para asegurar que los campos obligatorios no estén vacíos:
    • Validación de Cantidad: Si $cantidad está vacío, se muestra un alert() y se utiliza la función .focus() para posicionar el cursor en el campo cantidad. [05:30]
    • Validación de Precio: Si $precio está vacío, se sigue la misma lógica, mostrando la alerta correspondiente y enfocando el cursor en el campo precio. [06:33]
  3. Preparación para el Envío: Si todas las validaciones pasan, el script está listo para enviar la información al controlador. [07:18]

💡 Próximos Pasos

La siguiente lección se centrará en crear el controlador PHP que recibirá estas tres variables (cantidad, detalle, precio) y ejecutará la sentencia INSERT para guardar el nuevo precio en la tabla tabla_precios. [07:29]