
TusharP.59005 (Customer) asked a question.
I am using Custom Okta SignIn Widget and I want to use email field for login instead of Username field.
Okta widget by default supports username field. I know we can change the label name through i18n configuration and with that it will only update the label name but behind the scene it will act as an username only.
Check the below screenshot for the same -
I want to apply custom validation to the field as well so that it should behave like an email field.
Like - if user doesn’t enter ‘@’, so it should prompt that “You have not enter @” or “This value is not a valid email address”

Hello @TusharP.59005 (Customer) Thank you for reaching out to our community.
Please see this part of the configuration that might provide assistance with the configuration:
https://developer.okta.com/docs/guides/embedded-siw/main/#sign-in-and-display-user-s-email
Please also see:
https://developer.okta.com/docs/guides/custom-error-pages/main/#errordescription
Of this does not help my advice would be to leverage the Okta Developer forums for this type of questions and take advantage of their expertise.
https://devforum.okta.com/
@Paul S. (Okta, Inc.)
Thanks for the information.
I have gone through the links shared by you.
It looks like "Sign in and display user's email" will work incase of SPA type application.
I am using "Web Application" type.
Also, I want custom error message to be shown below fields ( Email, Password) whenever user enters nonvalid data into it.
Is there any customization support for the same?
@Paul S. (Okta, Inc.)
I have checked & tried sign-in-and-display-user-s-email documentation, but still it shows me a username field. See the below screenshot -
My advice would be to leverage the Okta Developer forums for this type of questions and take advantage of their expertise.
https://devforum.okta.com/