How can I validate the validate the form depending on if the specific values are chosen from Select dropdown in React hook form?

[lakhandeshpande]

I have a select field as follows

<Select type="select" label={label} ref={ !checkvalidation ? register({ required: 'Please select at least one workday option' }) : register({ required: false }) } watch={watch} name={name} size="sm" defaultValue="" onChange={validateWorkPattern(watch, employmentId)} >

On value change I am checking if specific value selected else should be return false for setting required to true.

But the validateWorkPattern function is taking long and slowing down the performance.

How can I achieve this without impacting performance.

I would also like to know if I could do it onSubmit but how to execute the onsubmit?

[bluebill1049]

validate + getValues()

[bluebill1049]

register({ validate: () => { 
  return getValues().test === 'bill'
}}

[lakhandeshpande]

Let me have a try with this one.

[bluebill1049]

and make sure you read the doc :) they r all there.

[lakhandeshpande]

I am doing this :
ref={ register({ validate: () => { const fname = day.fieldname return getValues()[employmentId].fname === 'NONE' ? { required: true } : {required: false} }})}

But it still allows me to proceed even if I select NONE

[bluebill1049]

read register: https://react-hook-form.com/api#register there is example for validate there