custom policies validation

Question

Hi!. I am working on signin/signup flow.
Could someone please advise whether it is possible to validate input fields before the user clicks submit button? For example, user enters some invalid data in the email field. And after few seconds he sees validation message.

Answer 1

Hi @Anonymous • Thank you for reaching out.

Yes, the validation of user input before hitting submit is possible by applying <Restriction> that validates whether the input provided by the user matches with the specified RegularExpression (RegEx) or not. If the value matches with RegEx, no error will be displayed but if the user input doesn't match with RegEx, the message set as HelpText is displayed. In the below example, I have defined City claim with a simple RegEx of "^[A-Z]{3}$" that allows only 3 alphabets in UpperCase.

  <ClaimType Id="city">  
    <DisplayName>Type your city name</DisplayName>  
    <DataType>string</DataType>  
    <UserInputType>TextBox</UserInputType>  
	 <Restriction>  
      <Pattern RegularExpression="^[A-Z]{3}$" HelpText="Please enter 3 alphabets in UpperCase." />  
    </Restriction>  
  </ClaimType>  

However, if you want to perform validation from an external source, you will need to add a validation technical profile that calls your REST API to validate the user's input to the self-asserted technical profile. In that case, validation will be done after the user hits the submit button. If the API responds with an HTTP 200, the process will continue otherwise a non 200 response will result in the error after submission.

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

Please "Accept the answer" if the information helped you. This will help us and others in the community as well.