Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

437
Vistas
Cómo hacer que yup.string() requiera una cadena de cualquier longitud superior a 3 o vacía

quiero actualizar una lista de datos de campo con formik. tengo esta validacion

 validationSchema: Yup.object().shape({ password: Yup.string() .min(4, 'Password must be at least 4 characters.') .required('Password must be at least 4 characters.'), .... }),

Quiero que el usuario pueda establecer una contraseña de al menos una longitud de 4 y si el usuario no ingresa la contraseña, envíela como una cadena vacía. componente de contraseña

 <FormControl fullWidth error={Boolean(formik.touched.password && formik.errors.password)} variant="outlined" > <InputLabel htmlFor="password">Password</InputLabel> <OutlinedInput id="password" name="password" inputProps={{ autoComplete: 'password', form: { autoComplete: 'off', }, }} type={showPassword ? 'text' : 'password'} onBlur={formik.handleBlur} onChange={formik.handleChange} value={formik.values.password} endAdornment={ <InputAdornment position="end"> <IconButton aria-label="toggle password visibility" onClick={() => setShowPassword(!showPassword)} onMouseDown={(event) => event.preventDefault()} edge="end" > {showPassword ? <VisibilityOff /> : <Visibility />} </IconButton> </InputAdornment> } label="Password" /> {formik.errors.password && <FormHelperText>{formik.errors.password}</FormHelperText>} </FormControl>

pero con este código, si se toca el campo de contraseña pero no se ingresa ninguna contraseña, formik no permite enviar los datos. ¿Cómo puedo hacer eso? gracias de antemano

ACTUALIZAR:

enEnviar

 onSubmit: (values) => { if ( values.password && values.password.length === 0 ) { delete values.password } dispatch(updateAccount({...values})) }, })
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Su código está funcionando como se esperaba. El require está siendo alcanzado al enviar, porque:

las cadenas vacías también se consideran valores 'faltantes'

Si no ingresa ningún valor, el envío será rechazado. Consulta la documentación aquí .

Para resolver su problema, solo necesita eliminar el require en la validación.

about 4 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 Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda