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.
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.
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.
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.
Validate user input by matching it with a RegEx.
