facing issue in forgotPassword state of Authenticator component

[tankvishal324]

i'm using customize Authenticator to given follow,

const formFields: any = {
   forgotPassword: {
        username: {
          label: 'Email ID/ Mobile Number',
          placeholder: 'Enter Email ID/ Mobile Number',
        },
      },
}

const components = {
 ForgotPassword: {
      Header() {
        const { tokens } = useTheme();
        return (
          <div className="pb-10 lg:hidden">
            <Heading textAlign="center" level={3}>
              Forgot Password?
            </Heading>
            <p className="text-lg font-medium text-[#22222299] text-center">
              Please enter your registered email or <br /> mobile number to
              reset your password.
            </p>
          </div>
        );
      },
    },
}

   <Authenticator
      initialState="signUp"
      formFields={formFields}
      components={components}
      services={{}}
      socialProviders={['google', 'facebook', 'apple']}
    />

I want to add client-side validation to the forgotPassword field, such as validating email and phone number. If anyone has a solution for this, please provide it. I am strictly adhering to the mentioned customization approach because all the Authenticator components are using the same method.

[cwomack]

Hello, @tankvishal324 and thanks for opening this issue. We have an existing feature request (#3463) to capture adding custom event validation for specific fields in the Authenticator component. So while there's no out of the box support for this right now, we can try to answer the question regarding how you can go about doing this still.

I think you've already seen the customization docs and related MDN docs that we link, but essentially you'd have to create your own custom forgotPassword component since the built-in form field customization doesn't currently support custom validation rules. We'll close this issue out as a duplicate of the feature request linked above, but feel free to add a comment/"+1" on that issue to help it gain traction. Thanks!

[cwomack]

@tankvishal324, did you mean to open the issue again? If not we'll close but wanted to make sure. Thanks!

[tankvishal324]

i'm going with customization not get any other solution. Thanks for Suggestion