Skip to main content

Línea de tiempo para Que no se submita el form si hay error

Licencia actual CC BY-SA 4.0

10 eventos
cuándo alternar formato qué por licencia comentario
el 27 may. 2022 a las 21:11 votar aceptar Nico Bonder
el 27 may. 2022 a las 21:08 respuesta añadido Jaime línea de tiempo puntuación: 1
el 27 may. 2022 a las 21:03 comentario añadido Nico Bonder Perdón, soy bastante nuevo y no te entiendo. En validate harías: const errores = validate(values) ? Y a qué te refieres con que ponga el comentario dentro del if? Y sí, props.addNewComment(values) es lo que hace que se envíe el comentario. Pensé que a esa parte del código tenía que ponerle un condicional, pero no sabía cómo.
el 27 may. 2022 a las 20:50 comentario añadido Jaime Yo llamaría a const errores = validate(values), Si NO me devuelve errores (if(Object.keys(errores).length === 0)), entonces solo ahí dentro del if agrego el comentario. De lo contrario, muestro los errores pero sin enviar el formulario.
el 27 may. 2022 a las 20:46 comentario añadido Nico Bonder Estuve siguiendo un tutorial y para validar hace una const validate y despues la pasa en handleSubmit haciendo: setFormErrors(validate(values)); Cómo lo harías tú?
el 27 may. 2022 a las 20:45 historial editado Nico Bonder CC BY-SA 4.0
se eliminaron 670 caracteres en el cuerpo
el 27 may. 2022 a las 20:44 comentario añadido Jaime Si, discúlpame a mi, me di cuenta leyendo mejor. ¿Por qué no validas en ese método? Ahí es donde debes validar antes de agregar un comentario o tomar una acción. No veo que valides nada.
el 27 may. 2022 a las 20:43 comentario añadido Nico Bonder Hola @JaimeMenéndez , perdón como estuve probando de distintas formas, me quedó comentado. Pero fijate que tengo otro handleSubmit, que es: ``` const handleSubmit = (e) => { e.preventDefault(); props.addNewComment(values); setValues({ ...initialStateValues }); setFormErrors(validate(values)); setIsSubmit(true); }; ```
el 27 may. 2022 a las 20:40 comentario añadido Jaime ¿Por qué tienes comentado handleSubmit? Precisamente ese es el método clave. En ese método, sólo si hay errores publicas un comentario o lo que sea que quieras. Si hay errores, no envías nada.
el 27 may. 2022 a las 20:16 historial formulada Nico Bonder CC BY-SA 4.0