Prohibited fields

[k0mar12]

Hey there. Im using yup for validation. I have next scheme:

const schema = yup.object({
  name: yup.string().required(),
  type: yup.string().required()
}).when((fields, schema) => {
  if (fields.type === 'public') {
    return schema.shape({
      first: yup.string().required()
    })
  } else {
    return schema.shape({
      second: yup.string().required()
    })
  }
}).noUnknown(true);

And when i validating fields throw yup, works frine

schema.validate({
  name: 'myname',
  type: 'private',
  first: 'goodbye',
  second: 'hello'
}).then(data => {
  console.log(data)
}).catch(error => {
  console.log(error)
})

Success result will be:
{ second: 'hello', type: 'pirvate', name: 'myname' }

But when i validating throw vee validate:

const { handleSubmit, errors } = useForm({
  validationSchema: schema,
  initialValues: {
    name: null,
    type: null,
    first: null,
    second: null
  }
})

const onSubmit = handleSubmit(result => {
  console.log(result)
})

I will get full list of fields. How i can fix it?

Thanks

[atzen88]

I'm not quite sure what the problem is but I assume it's that you're getting the two fields "second" and "first" output even though only one of the two is supposed to be there!?

Maybe the reason for the difference is that yup itself only outputs the validated fields (but I don't know for sure either, I don't use yup myself). vee validate gives you the whole form, of course. Just because a field is not mandatory, it does not mean that it should not be present in the data.

If you don't want the value to be present, you can simply hide it with v-if, for example, and then it won't be present in the vee validate data anymore.

[atzen88]

aahhh... now I know what you mean.

I'm pretty sure that "noUnknown" is ignored by vee validate.

vee validate uses yup exclusively for validation. But it probably won't constrain the data. For that you have vee validate itself