Quiero validar un campo de formulario no requerido con Yup
const validationSchema = Yup.object().shape({ firstname: Yup.string().required("First name is required").matches(/[A-Za-z]/,"Should contain only alphabets").min(3,'Should contain atleast ${min} alphabets`).max(20,`Should not exceed ${max} alphabets'), lastname: Yup.string().nullable().notRequired() }) lastname: Yup.string.nullable().notRequired() . No sé cómo continuar porque tengo múltiples condiciones para validar el campo si se proporcionó la entrada.
Mis condiciones de validación son:
Debe usar un patrón de match similar que ya tiene para firstname . Una forma posible de hacerlo es así:
const obj = { firstname: 'my name', lastname: 'asd' }; const yupObj = yup.object().shape({ firstname: yup.string().required("First name is required").matches(/[A-Za-z]/,"Should contain only alphabets").min(3,'Should contain atleast 3 alphabets').max(20,`Should not exceed 20 alphabets`), lastname: yup.string().nullable().notRequired().matches(/[a-zA-Z]{2,20}/, 'should have alphabets between 2 and 20') }) yupObj .validate(obj) .then(function(value) { console.log(value); }) .catch(function(err) { console.log(err); });