Linux 软件免费装
Banner图

Real Time Validation for Gravity Forms

开发者 wisetr
djeet
更新时间 2018年10月2日 19:04
PHP版本: 4.2.1 及以上
WordPress版本: 4.9.6
版权: GPLv2 or later

标签

gravity forms jquery validation gravity forms addon gravity forms fields validation live validation client side validation javascript validation

下载

1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.2.0 1.3.0 1.4.0 1.5.0 1.6.0 1.7.0

详情介绍:

This plugin ensures that users get the feedback in each field as he types even before the form is submitted.Specific validation messages are shown to user help him quickly rectify the mistakes. Major features in Real Time Validation for Gravity Forms include:
Click Here to Experience Real-Time Validation in Action.
Works with following fields Learn How To Use [youtube http://www.youtube.com/watch?v=m_bv3eCmvgs] Here is the example of how to use hook for success state-
jQuery(document).on("lv_after_field_valid",function(event,element){ jQuery(element).css("background-color","green"); });
Here is the example of how to use hook for invalid state-
jQuery(document).on("lv_after_field_invalid",function(event,element){ jQuery(element).css("background-color","red"); });
Latest Updates Upcoming Releases PS: You'll need a working Gravity Forms to use it.

安装:

  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.

屏幕截图:

  • Activate Real-Time Validation for Gravity Forms.
  • Enable Real-Time Validation On each form.
  • Switch it On and Save.
  • Check the field Required by field editor.
  • Modify Error message If you want to.
  • Enable Pattern matching under "Advanced" Tab.
  • Type RegEx OR Choose from given patterns.
  • List of Popular patterns.
  • The pattern should look like this.
  • Input custom error message is thrown when pattern validation fails.
  • Update the Form.

更新日志:

1.7.0 1.6.0 1.5.0 1.4.0 1.3.0 1.2.0 1.1.0 1.0.17 1.0.16 1.0.15 1.0.14 1.0.13 1.0.12 1.0.11 1.0.10 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0