Angular Authenticator: AWS Amplify UI set a custom error message

[reesscot]

Migrated from Discussions

^{Originally posted by @APedko2016 May 17, 2023}
Is there any way to set up required fields in AWS Amplify UI instead of the standard "Please fill out this field" browser popup in Angular?

I have already looked at the following links:
https://ui.docs.amplify.aws/angular/connected-components/authenticator/customization#sign-up-fields
https://github.com/aws-amplify/amplify-ui/discussions?discussions_q=custom
https://github.com/aws-amplify/amplify-ui/issues?page=15&q=custom

but nowhere could I find code that would allow the input field to display a custom error message instead of the standard "Please fill out this field" browser popup

Can you please help me to show how to display the error about the empty required field not through the standard browser popup "Please fill out this field", but through a text message on the form?
Or tell me which site or forum I can contact about this issue.

Or the only possible option to get rid of the standard "Please fill out this field" browser popup is just to fully customize the AWS Amplify UI form using the amplifySlot="sign-in" template?

Thank you in advance for your time

[reesscot]

@APedko2016 This should be supported by the latest version of Angular Authenticator. Can you confirm which version of the Authenticator you are using?

@APedko2016 You are correct, currently we only use HTML5 validation for required fields. We are tracking a feature request to update the required field logic to be more customizable here: #3458

[reesscot]

Closing in favor of tracking #3458