Horje
  • Home

  • How to add Real Time Validation For Gravity Forms in Wordpress

Real Time Validation for Gravity Forms increases conversion rates of your Gravity Form using inline validation messages as user types in field.

Noted That:

  • To install correctly this real-time-validation-for-gravity-forms.zip .
  • Fisrt Download the real-time-validation-for-gravity-forms.zip to your computer
  • Extract/Open real-time-validation-for-gravity-forms.zip to Your Computer.
  • Then, Find readme.txt file inside real-time-validation-for-gravity-forms.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " real-time-validation-for-gravity-forms.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " real-time-validation-for-gravity-forms.zip "  Downloaded plugin from your computer, Where you downloaded real-time-validation-for-gravity-forms.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Real Time Validation for Gravity Forms " folder is added on left sidemenu. Now, Click on " Real Time Validation for Gravity Forms " folder.

   Noted that: If you do not see " Real Time Validation for Gravity Forms " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Real Time Validation for Gravity Forms Configurtions and Settings or How to work " Real Time Validation for Gravity Forms " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Real Time Validation for Gravity Forms " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Real Time Validation for Gravity Forms
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting


Guide
  1. Install “Real Time Validation For Gravity Form” Plugin.
  2. Activate the Plugin.
  3. Go to Forms -> Individual Form Settings -> Real Time Validation.
  4. Enable Real-Time Validation by toggling switch to “Yes”.
  5. Go to Form Editor and Expand Any Field options. In General Tab under Rules section Check ‘Required” option to make the field required.Skip this step if the field is not required.
  6. Go to Appearance Tab -> Custom Validation Message Section & if need be Override Default Validation Message.
  7. Go to Advanced Tab -> Check the option “Validate Real-Time Input”.
  8. Under field “Enter RegEx Pattern”, Enter Your Own RegEx Pattern or Copy N Paste Popular RegEx Patterns from our available patterns list.
  9. Customize the Real-Time Error Message to display above/ below the form field.
    10.Update form to have Real Time Validation feature activated in front end Gravity form.
 
Reffered: https://wordpress.org/