Form extension · Pro
Validation Pro adds your own regex rules and error messages to Animation Addons Form inputs and textareas in Elementor 4. Postcodes, order numbers and VAT IDs arrive in the format your team expects.
The free Animation Addons Form already checks required fields, email, URL, number and phone formats and Min/Max values.
The short answer
Validation Pro is an Animation Addons for Elementor extension that adds Elementor form validation with regex to the Animation Addons Form in Elementor 4. Give an input or textarea a pattern and a message; non-matching values are rejected in the browser and again on the server before anything is saved.
| Plan | Pro Form extension |
|---|---|
| Type | Form |
| Works on | Input fields (text, email, number, tel, URL) and Textarea fields inside the Animation Addons Form widget |
| Main controls | A regex pattern and a custom validation message, set per field in the Elementor panel. These sit beside the free field controls: Required, Error message, Min value, Max value, Type |
| Engine | Animation Addons form runtime: browser check plus server re-check (no GSAP) |
| Editor preview | Runs on the live page and in Preview; the canvas stays editable. |
| Limits | Needs the Animation Addons Form widget and an active Animation Addons Pro licence. Not for Select, Radio, Checkbox, File Upload or Password fields (Password has its own Minimum length and Must match field ID). Your rule runs only after the built-in checks pass. Conditionally hidden fields are never validated. Write patterns that behave the same in browser and server regex (plain character classes, \d, {n,m}, ^…$). |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Every demo uses Validation Pro from Animation Addons Pro on Elementor 4's own elements. The settings on each card are a good place to start.
A single-column Bakehouse & Co. form on a cream background: order number, email and a short Textarea.
^BH-\d{5}$; Input (Email) using the free email check; Textarea with Required.A Lumen Dental booking card whose postcode field accepts only UK postcode shapes.
^[A-Za-z]{1,2}\d[A-Za-z\d]?\s?\d[A-Za-z]{2}$.A crisp Paywise "Request an invoice" form with company name, VAT number and billing email.
^GB[0-9]{9}$; Input (Email) with the free format check; Input (Text) for the PO number with regex ^PO-[0-9]{4,8}$.A dark Harbor & Pine "Claim your offer" strip with one input and a button.
^(SPRING|AUTUMN)[0-9]{2}$.A Tally Notes sign-up form where the username must be 3 to 20 lowercase letters, numbers or underscores.
user_name with regex ^[a-z0-9_]{3,20}$; Password (Pro) with Minimum length and a confirm field using Must match field ID.Features
Every point below is a real control in the Validation Pro panel section or part of how it works. Nothing here needs custom code.
If you can describe a format as a regular expression, you can enforce it: reference numbers, postcodes, tax IDs, membership codes.
Visitors read a message that tells them the fix, not a generic error, so fewer give up.
The rule runs in the browser for instant feedback, then the server repeats it before saving or running email, webhook and redirect actions. Bypassing the browser check doesn't help.
Failed fields get aria-invalid and are linked to their message with aria-describedby, and focus moves to the first invalid field, so keyboard and screen-reader users know exactly what to fix.
Fields hidden by Conditional Display (Pro) are skipped, so a delivery-only postcode rule never blocks a collection order.
Step by step
Five steps from switching it on to publishing. The bold names are the exact labels you will see on screen.
Get Animation Addons ProIn WordPress, go to Animation Addon › Settings › Extensions and check that Validation Pro is switched on (it requires the Form widget).
Edit your page in Elementor 4 and add the Animation Addons Form widget, or open an existing one.
Select an Input or Textarea field and set the basics in Content: Type, Required and, if you like, a field-level Error message.
In the field's Validation Pro settings, enter your regex pattern and the message visitors should see when it doesn't match.
Open Preview, try a valid and an invalid value, then publish.
Honest comparison
The free Animation Addons Form covers most contact forms. A hand-coded HTML pattern attribute runs only in the browser and needs a code edit for every change.
| Need | Free Animation Addons Form | HTML pattern, hand-coded | Validation Pro |
|---|---|---|---|
| Email, URL, number and phone format checks | Yes | Partly (via input type) | Yes, from the free form |
| Number range (Min/Max) | Min value / Max value | min/max attributes | Yes, from the free form |
| Your own format rule | No | Yes | Yes |
| Custom message for that rule | No | Browser default unless scripted | Yes, per rule |
| Re-checked on the server | Built-in checks only | No | Yes |
| Editable from the Elementor panel | Yes | No | Yes |
Compared with Elementor 4.3.3 (September 2026). Elementor's own Atomic Form needs Elementor Pro.
Who it's for
The people who get the most out of it, and what they use it for.
That look up orders by reference number.
That only cover certain postcodes.
Collecting VAT or company numbers for invoices.
FAQ
Use the Animation Addons Form in Elementor 4 and turn on the Validation Pro extension (Animation Addons Pro). Select an Input or Textarea field, enter your regex pattern and the message visitors should see, then test in Preview. The rule is checked in the browser and again on the server, so invalid values are never stored or emailed.
Yes. The free Animation Addons Form has an Error message control on every field, shown when the field is empty, in the wrong format or out of range. Validation Pro adds a separate message for each regex rule, so a visitor sees "Order numbers look like BH-12345" rather than a generic error.
The free Animation Addons Form checks the basic shape of Tel fields: digits, spaces, brackets, dashes and an optional plus sign. For a stricter rule, such as UK mobiles only, add a Validation Pro regex like ^07\d{9}$ with a message explaining the format. The free check runs first, then your pattern.
Both. Animation Addons Validation Pro runs your pattern in the browser for instant feedback and repeats it on the server before the submission is saved or any email, webhook or redirect action runs, so a visitor who bypasses the browser check is still rejected with your message.
Validation Pro needs the Animation Addons Form and an active Animation Addons Pro licence. It applies to Input fields (text, email, number, tel, URL) and Textareas inside that form, not Elementor's Atomic Form. Select, Radio and Checkbox already limit answers, and Password has Minimum length. Rules run on the live page and in Preview, not on the editor canvas.
No. The Animation Addons Form and its built-in validation run on Elementor Free. Validation Pro needs Animation Addons Pro, not Elementor Pro. Elementor's own Atomic Form is the one that requires Elementor Pro, which is why many Elementor Free sites use the Animation Addons Form.
No. Validation Pro runs inside the Animation Addons form runtime, and Animation Addons loads the form's script and styles only on pages that contain a form, and Validation Pro hooks into that form's existing validation step. The form remains real HTML, so search engines read the page as usual.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
What works well with Validation Pro on the same page or template.
Your own regex rules and messages on Elementor 4 form fields, checked in the browser and on the server.
For standard contact forms, the free Animation Addons Form's built-in checks may be all you need.