Form Field Validation

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

watch the Form Field Validation tutorial

Play Video

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.

Frequently Asked Questions

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.
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.
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 :
Gloo logo - white

Form Field Validation

Forms + Extension - header

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.
RegEx field settings
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.

More Modules

Price+ Widget New
Frontend Comment Submission New
Datepicker Field
3D Model Widget
User Agents Dynamic Tag
ActiveTrail Form Submit Action New
GSAP Custom Tween New
Country Dial Code Field New
Schema Control
Terms Field
Composer Kit Module New
Autocomplete Address Fields
Image Cropping UI
GSAP Line Drawing
Woo Product Discount Widget
Buddyboss Groups Dynamic Tags New
Custom DB Value Dynamic Tag New
Image Upload UI New
Zoho CRM Form Action
Fluid Logic New