Así que creo que mi última pregunta no fue aclarada. Actualmente estoy haciendo la validación de formularios para mi proyecto. Tengo entrada de formulario con campo principal de "sku", "nombre" y "precio", con opciones de selección personalizadas de tipo de producto que tienen tres productos (libro, DVD, muebles) cada tipo de producto tiene un área de entrada basada en el producto seleccionado, por ejemplo:

 [enter image description here][1]

Puedo validar el nombre, el precio, el sku y seleccionar la opción de errores. También puedo consola. registrar el tipo de producto en función del valor seleccionado. El único problema es que no puedo detener el envío del formulario, incluso si mi opción de selección tiene un campo de entrada vacío. Puedo validar el error de ese campo solo cuando el usuario escribe algo que no tiene un valor corregido, pero si el usuario selecciona la opción y el campo está en blanco, el campo de envío aún puede enviarse. ¿Cómo escribiría una condición que detenga el envío cuando el formulario de entrada seleccionado esté en blanco? Ejemplo: "Si el tipo de producto es un libro y el peso del valor del libro está vacío, arroja un error: se necesita el peso; de lo contrario, envíelo.

función para manejar el envío: este campo valida si hay un error, el formulario principal está vacío y si la opción no está seleccionada.

 const handleSubmit = (event) => { event.preventDefault(); if ( Object.keys(errors).length === 0 && Object.keys(formValues).length !== 0 && select !== "" )