1
respuesta

[Sugerencia] validacion de onSubmit

como ya vimos, el instructor hizo las validaciones en los con la misma metodologia que se implementaron en el primer formulario de DatosUsuario.js, sin embargo no hizo la validacion para avanzar en nuestro step, por lo que les comparto la implementacion de la misma metodologia usada para el primer formulario, aplicada en este:

<Box
      component="form"
      autoComplete="off"
      sx={{
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexDirection: "column",
      }}
      onSubmit={(e) => {
        e.preventDefault();
        if (name.valid && lastName.valid && phone.valid) {
          console.log("se avanzó al sgte formulario");
          updateStep(2);
        } else {
          console.log("error en los datos ingresados");
        }
      }}
    >
1 respuesta

¡Hola Kevin!

Gracias por compartir tu sugerencia sobre la validación de onSubmit en el curso de React: Hooks, contextos y buenas prácticas. Es muy útil que compartas tus ideas para mejorar el aprendizaje de todos.

En cuanto a tu pregunta, parece que has encontrado una solución para la validación de onSubmit en el segundo formulario. Me alegra que hayas podido aplicar la misma metodología que se usó en el primer formulario de DatosUsuario.js.

Es importante validar los datos ingresados antes de avanzar al siguiente formulario, y tu implementación parece correcta. Recuerda que la validación es una parte fundamental de cualquier formulario, ya que ayuda a prevenir errores y mejorar la experiencia del usuario.

Espero que esta respuesta te haya sido útil. Si tienes alguna otra pregunta, no dudes en hacerla. ¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)