cgi_perl/www/script.js

    <script>
        document.getElementById('productoForm').addEventListener('submit', function(event) {
            let valid = true;
            const idProducto = document.getElementById('id_producto');
            const Descripcion = document.getElementById('Descripcion');
            const Cantidad = document.getElementById('Cantidad');
            const proveedor = document.getElementById('proveedor');

            // Limpiar mensajes de error anteriores
            document.getElementById('idProductoError').textContent = '';
            document.getElementById('DescripcionError').textContent = '';
            document.getElementById('CantidadError').textContent = '';
            document.getElementById('proveedorError').textContent = '';

            if (!idProducto.value) {
                document.getElementById('idProductoError').textContent = 'Este campo es obligatorio';
                valid = false;
            }
            if (!Descripcion.value) {
                document.getElementById('DescripcionError').textContent = 'Este campo es obligatorio';
                valid = false;
            }
            if (!Cantidad.value) {
                document.getElementById('CantidadError').textContent = 'Este campo es obligatorio';
                valid = false;
            }
            if (!proveedor.value) {
                document.getElementById('proveedorError').textContent = 'Este campo es obligatorio';
                valid = false;
            }

            if (!valid) {
                event.preventDefault(); // Evita el envío del formulario si hay errores de validación
            }
        });
    </script>