Regex Validation for email field on sign in page

Question

Regex Validation for email field on sign in page

Manish Aggarwal 36

Hi - We are working on Azure AD B2C implementation, where in we need to validate the signin email entered by customer using a regex validation.

We do the email Verification using claims, but also need to enforce regex validation (Pattern) on client side.

Shweta Mathur 30,296 Reputation points Microsoft Employee Moderator

2022-09-23T11:00:47.697+00:00

Hi @Manish Aggarwal ,

Just checking in to see if the below answer helped. If this answers your query, please don’t forget to click "Accept the answer" and Up-Vote for the same, which might be beneficial to other community members reading this thread. And, if you have any further query do let us know.

Thanks,
Shweta

2 answers

Your answer

Shweta Mathur 30,296 Reputation points Microsoft Employee Moderator

2022-09-23T11:00:47.697+00:00

Hi @Manish Aggarwal ,

Just checking in to see if the below answer helped. If this answers your query, please don’t forget to click "Accept the answer" and Up-Vote for the same, which might be beneficial to other community members reading this thread. And, if you have any further query do let us know.

Thanks,
Shweta

Answer 1

Nasreen Akter 10,811 Volunteer Moderator

Hi @Manish Aggarwal ,

Thank you for the ask. Would you please check out the link below. Thanks!

https://stackoverflow.com/questions/201323/how-can-i-validate-an-email-address-using-a-regular-expression

Manish Aggarwal 36 Reputation points

2022-09-16T13:56:45.927+00:00

Thanks @Nasreen Akter for your comments.

But, my ask is specific to Azure AD B2c Custom policy and further specific to sign in screen only.

Answer 2

Shweta Mathur 30,296 Microsoft Employee Moderator

Hi @Manish Aggarwal ,

Thanks for reaching out.

I understand you are trying to validate the email entered by customer using a regex validation in B2C custom policy.

You can use pattern element with Regular Expression in order to validate the email id enter by customer. You can customized the regular expression based on your requirement.

<ClaimType Id="email">  
 <DisplayName>Email Address</DisplayName>  
 <DataType>string</DataType>  
 <DefaultPartnerClaimTypes>  
 <Protocol Name="OpenIdConnect" PartnerClaimType="email"/>  
 </DefaultPartnerClaimTypes>  
 <UserHelpText>Email address that can be used to contact you.</UserHelpText>  
 <UserInputType>TextBox</UserInputType>  
 <Restriction>  
 <Pattern RegularExpression="^[a-zA-Z0-9.!#$%&amp;'^_`{}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" HelpText="Please enter a valid email address."/>  
 </Restriction>  
 </ClaimType>

Hope this will help.

Thanks,
Shweta

-----------------------------------------------

Please remember to "Accept Answer" if answer helped you.

Manish Aggarwal 36 Reputation points

2022-09-19T11:02:49.727+00:00

Thanks @Shweta Mathur for your answer.

I see even currently we have this in TrustFrameworkBase.xml, and this works in registration page, but not on sign in.
Shweta Mathur 30,296 Reputation points Microsoft Employee Moderator

2022-09-19T11:40:51.31+00:00

Yes, it is in the starter policy pack only.

On sign in page, only valid users who have signed up is allowed to sign into the application. So, even if you will try to validate regax there, it will not make sense as for any invalid or valid ids, it will check the account registered in the B2C or not, then only it will allow to sign into the application.

Thanks,
Shweta
Manish Aggarwal 36 Reputation points

2022-09-20T07:14:58.723+00:00

Thanks @Shweta Mathur again for your comments.

I agree with you on the behavior here, but our client wants to have client side validation too before we trigger the actual server side validation, since it works other pages like registration, password reset etc., they want the same behavior on sign in page also.
Shweta Mathur 30,296 Reputation points Microsoft Employee Moderator

2022-09-21T06:20:49.097+00:00
@Manish Aggarwal ,

Then you can use the input claim in the same way in SelfAsserted-LocalAccountSignin-Email" Technical profile as we are passing in Sign Up Technical profile
"LocalAccountSignUpWithLogonEmail"

<InputClaims> <InputClaim ClaimTypeReferenceId="email"/> </InputClaims>

But as per user journey in policy pack, it will first check the id exists or not , based on that will go on sign In technical profile to check email validation.
So, for any invalid email ids as well, you will get Account doesn't exist error message.

Thanks,
Shweta
Manish Aggarwal 36 Reputation points

2022-09-22T11:14:11.907+00:00

Let me check this!
B Fix 20 Reputation points

2023-07-10T15:14:56.8666667+00:00

@manish aggarwal I am making a follow up on this did you manage to get this fixed? Because I have a similar issue.

Share via

Regex Validation for email field on sign in page

2 answers

Your answer