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?

The method I'm using right now is not very good is there a right way?

@dhanushka

nope, it is included in the document in the register part of API section.

Have you considered using https://www.npmjs.com/package/classnames

thanks, I'll look it