Form Field Validation

Form Field Validation adds a regex match validation within your chosen elementor form fields.

watch the Form Field Validation tutorial

Form Field Validation adds a much-needed way to make sure your user’s input matches with your requirements.

When requesting certain data to be submitted through an Elementor Form, sometimes you need to make sure that the user input matches the syntax used by the software that your form will be sending that data to, be it a CRM or other external suites.

This can be done by checking the data of the field against a RegEx string to make sure they match, validating the input and making sure that the data is submitted in an usable format.

Easy set-up and customization.

Once Form Field Validation is toggled on in your Gloo Dashboard, you will notice that there are two new fields within the content tab of your chosen Form Field, one for RegEx expression, the other for the Error Label.

RegEx Expression

This self-explanatory field allows you to type out your RegEx the submitted data will be checked against. You can test your RegEx expression and learn more about the syntax and uses here.

it’s important to note that the Regular Expression should be entered between forward slashes (e.g., /pattern/), so that any modifiers, like “i” for case-insensitive matching, can be added after the closing slash. The Expression should be between forward slashes even if we don’t plan on using any modifiers.

Should the check fail, the Error Label field comes into play.

Error Label

The error label displays if the submitted data doesn’t match your RegEx, and it can be customized to print out any message you’d like.

This is all you need to get started with this extremely useful tool, to make sure your data always matches your needs.

Dependencies: Elementor Pro Elementor

Frequently Asked Questions

What is RegEx, and why is it important for form field validation?

RegEx stands for Regular Expression, which is a sequence of characters that defines a search pattern. It is important for form field validation because it is what it uses to let you define a specific syntax or pattern that the submitted data must match. This ensures that the data is in a usable format and meets your requirements.

Can I use Form Field Validation to check for multiple patterns or formats?

Yes, you can use Form Field Validation to check for multiple patterns or formats by creating separate RegEx expressions for each pattern or format. You can then apply these expressions to the relevant form fields and customize the error labels accordingly.

What happens if the submitted data does not match the RegEx expression I set up?

If the submitted data does not match the RegEx expression you set up, the Form Field Validation tool will display the error label that you customized. This lets the user know that their input did not meet the required format or pattern, and prompts them to correct their submission.

THIS FEATURE IS PART OF :

Form Field Validation

Validate user input by matching it with a RegEx.

Add a new form - choose your form field - select the 'Advanced' tab and find the RegEx Field.

Type in the required regex to match the input against.

In this case, we only want to receive gmail accounts. So we write /gmail/ in the RegEx field. We can then add a custom error message for when the validation fails.