How to make validation to confirm password ()

How to make validation to mutch checking 2 fields ?

Method below work, but register: required and minLength works only onBlur…

<input type="text" name="newPassword" ref={register({ required: true, minLength: 8})}
onChange={e => {
    const value = e.target.value
    if (value !== password) return clearError("confirmPassword")
    setError("confirmPassword", "notMatch", "passwords not mutch")
}}

required autoFocus/>

Without mutch checking register: required and minLength work good.

<input type="text" name="newPassword" ref={register({ required: true, minLength: 8})} placeholder="Новый пароль" required/>

In ( required: validate: (value) => value === password ) program not watch const password …

<input type="text" name="newPassword" ref={register({ validate: (value) => value === password })} placeholder="Новый пароль" required/>

Who maked same validation to mutch checking fields ?

[bluebill1049]

<input type="text" name="newPassword" ref={register({
  validate: (value) => value === watch('password')
})} placeholder="Новый пароль" required/>

it’s closure, you need to move watch inside the function.

[dmt0]

In case someone else bumps into this. Using example above the error never showed up for me, I needed to add the error message output to the validate function.

<input type="text" name="newPassword" ref={register({
  validate: (value) => value === watch('password') || "Passwords don't match."
})} placeholder="Новый пароль" required/>