Form Validation (URL, Email Address etc.)

[Ben_F99]

I have created an Auth0 form via the Form Editor. I have added a mix of URL and Email Address components that the user must fill in. Whilst I believe these fields impose validation since my Flow will error when the criteria is not satisfied, there is nothing stopping the user from progressing to the next step when they enter some random data(via clicking on the Next Button Block “Continue”). For example, assume I have a “URL Field”, I can enter “Chicken”, press “Conitnue”, and nothing happens until the flow and it errors.

How can I ensure that the email address/url are valid before allowing a user to proceed to the next step? Am I missing something obvious?

[teodor.andrei]

Hi @Ben_F99, and welcome to the Auth0 Community!

To add client-side validation to Form Components, you will have to use the Custom component. This component has a code editor you can use to write custom JS for the validation.

Here is a link to our docs for more information on Custom Components.

I wish you a great day!
Teodor.