Quick question: What's the difference between getValues() and watch() ? Is there a reason to use one over the other?

(apart from the fact that you can specify which field you want with watch)

getValues() is cheap

because it doesn't subscribe to the input

watch() is when you want to watching some input all the time

So for example you'd use getValues() in a callback and watch() to decide what to render?

correct :)

i should include that in the docs

will do

Hi all, when I have multiple validations, for example minLength on an optional field, how do I achieve this with the in-built validation function? I need minLength to validate only if the field isn't empty.

hey

@dhanushka

check out the validate function

at the bottom of the talbe

you can have multiple validation rules attached to your input

Thank you Bill

my pleasure :)

It seems like we can only have one type of validation in rule per field. For example, I can only use one pattern rule. What if I have two patterns to validate (this is important when I need to switch rules applied conditionally). Is there a way to provide an array of validation rules?

Is passing an object in validate does not work for you?

<input
  name="test"
  ref={
    register({
      validate: {
        smallCasePattern: value => /[a-z]+/.test(value),
        digitPattern: value => /[0-9]{2}/.test(value)
      }
    })
  }
/>

thanks

@jeromedeleon

i think you miss the valdiate

Thanks

@jeromedeleon

. The document is not clear about, validate can be an object. I thought it could only be a function.

How do I change the style/className of input when an error is displayed?