Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

427
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!