Real Time Validation For Gravity Forms

Real Time Validation For Gravity Forms checks every field the moment a user leaves it, instead of waiting for the form to be submitted. Mistakes are shown right below the field, so users fix them on the spot.

The result: fewer failed submissions, faster form completion and cleaner, more accurate data.

✨ Features

• Instant feedback – errors appear as soon as a field loses focus.
• Regular expression validation – add your own pattern and error message to Text and Number fields.
• Repeater field support – works on every row, including rows added with “Add Row”. (New in 1.0.5)
• Per form switch – turn real time validation on or off for each form.
• Custom messages – uses each field’s custom validation message when set.
• Multi-step forms – works on every page of a multi-page form.
• AJAX and non-AJAX – works in both modes.
• Conditional logic – plays nicely with fields shown or hidden by conditional logic.
• Multiple forms – supports several forms on the same page.

🧩 Supported fields

Standard: Single Line Text, Paragraph Text, Drop Down, Number, Checkboxes, Radio Buttons, Image Choice, Multiple Choice

Advanced: Name, Date, Time, Phone, Address, Website, Email, Consent, Repeater

Pricing: Product, Quantity, Option, Shipping

More fields are coming soon.

🔍 Regular expression validation

Regular expressions are available for Single Line Text and Number fields. The same pattern is checked in the browser while typing and again on the server when the form is submitted.

How to set it up

1. Open the form editor and select a Single Line Text or Number field.
2. Go to the Advanced tab and check Enable Real Time Validation.
3. Enter your pattern in Enter RegEx pattern.
4. Enter the message to show when the value does not match in Validation failed message. If left empty, “Validation Failed.” is shown.

Pattern format

• Write the pattern on its own, for example ^[A-Z]{3}$.
• Optionally wrap it in slashes to add flags, for example /^[a-z]{3}$/i for a case-insensitive match. Supported flags: i, m, s, u.
• A / inside the pattern is fine, for example ^\d{2}/\d{2}$.
• Use ^ and $ to match the whole value. Without them the pattern only has to match part of it.
• If the field is not required, an empty value is accepted. The pattern is only checked once something is entered.

Examples

Copy only the pattern itself, without the surrounding backticks.

• Phone number: ^(\+?\d{1,4}[\s-]?)?(\(?\d{3,4}\)?[\s-]?)?\d{3}[\s-]?\d{3,4}$
• Only letters and spaces: ^[A-Za-z ]+$
• Exactly 5 digits (ZIP code): ^\d{5}$
• Date as DD/MM/YYYY: ^\d{2}/\d{2}/\d{4}$
• Starts with “INV-” (any case): /^inv-\d+$/i

📋 Requirements

• PHP 7.4 or higher
• Gravity Forms 3.0.0 or higher

🚀 Our other plugins

• Alpha Addons for Gravity Forms
• Smart Phone Field for Gravity Forms
• Smart Phone Field for Fluent Forms
• Smart Phone Field for Contact Form 7
• Smart Phone Field for Elementor Form
• Image Picker for Gravity Forms
• Range Slider for Gravity Forms
• Address AutoComplete for Gravity Forms
• Restrict Dates for Gravity Forms