• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

166
Vistas
¿Cómo evitar el envío de valores vacíos de formulario al enviar?

Tengo un formulario Ant en una aplicación React, donde algunos campos son obligatorios y otros no. Mi problema es que cuando el campo no requerido está vacío, el backend envía el error de validación. Mi pregunta es, ¿hay alguna manera de NO ENVIAR el valor del campo no requerido si no hay ningún valor?

Captura de pantalla del objeto actual que se envía:

ingrese la descripción de la imagen aquí

Mi código para el envío del formulario:

 const submitHandler = async (val: any) => { setLoading(true); try { let res: any = await API.put(`recipients/${pid}`, { ...val, user_id: loggedInUser.id, type: type, }); setLoading(false); message.success("Benutzer erfolgreich aktualisiert"); setError(""); } catch (error: any) { setLoading(false); setError(error?.response.data.message); message.error(error?.response.data.message); } };
almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

idk sobre mecanografiado, pero así es como lo haría en javascript:

 const submitHandler = async (val: any) => { ... for (let key in val) { if(!val[key]) delete val[key]; } ... };
almost 3 years ago · Juan Pablo Isaza Denunciar

0

Puede eliminar propiedades con valor vacío de ese val antes de enviarlo al back-end. Una forma es hacerlo así:

 let res = await API.put(`recipients/${pid}`, { ...Object.fromEntries(Object.entries(val).filter(([_, v]) => v)), user_id: loggedInUser.id, type: type, });
almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda