Signup form integration

Gate form submission on password validity. Use the hook to access isValid.

Snippet

Copy the example to your clipboard.

const { isValid } = usePasswordValidation({
  value: password,
  valueAgain: confirmPassword,
  rules: ["minLength", "capital", "lowercase", "number", "specialChar", "match"],
});

<form onSubmit={handleSubmit}>
  <button disabled={!isValid}>Sign up</button>
</form>