[WordPress] 外掛分享： Real Time Validation for Gravity Forms

內容簡介

這個外掛可確保使用者在提交表單之前，即使還在輸入中，每個欄位都能立即得到回饋。可以顯示特定的驗證訊息，幫助使用者快速糾正錯誤。主要功能包括：

可在每個表單中開啟/關閉即時驗證功能。
在每個欄位上添加自訂錯誤訊息。
與多步驟表單一同運作。
適用於環境 AJAX / NON-AJAX。
與欄位的條件邏輯一同運作。
與同一頁面上的多個表單一同運作。

此外，它能運作在以下欄位：

文字
文字區域
下拉式選單
多選式選單
數字
單選按鈕
複選框
名稱
電子郵件
電話
日期
地址
網站
時間
所有文章欄位（不包括圖片上傳）
所有價格欄位

** 這裡有實時驗證的示範 **

此外，還提供以下方法：

您可以使用以下代碼示例，自定義成功狀態時的鉤子：

jQuery(document).on("lv_after_field_valid",function(event,element){
jQuery(element).css("background-color","green");
});

您可以使用以下代碼示例，自定義無效狀態時的鉤子：

jQuery(document).on("lv_after_field_invalid",function(event,element){
jQuery(element).css("background-color","red");
});

此外，還提供了最新更新的日誌，主要包括新增確認電子郵件輸入欄位的驗證、與 PHP 7.2 和 Gravity Forms 2.3 兼容等。

外掛標籤

開發者團隊

📦 歷史版本下載

1.0.01.0.11.0.21.0.31.0.41.0.51.0.61.0.71.0.81.0.91.1.01.2.01.3.01.4.01.5.01.6.01.7.0trunk1.0.101.0.111.0.121.0.131.0.141.0.151.0.161.0.17

原文外掛簡介

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:

Ability to turn on/off Real Time Validation for Gravity Forms on each form.
Add custom error messages at each field level.
Works with multi-step forms.
Works with both environment AJAX / NON-AJAX.
Works with the Conditional logic of fields.
Works with Multiple Forms on one page.

Click Here to Experience Real-Time Validation in Action.

Works with following fields

Text
Textarea
Select
Multiselect
Number
Radio buttons
Checkboxes
Name
Email
Phone
Date
Address
Website
Time
All Post fields (Except image upload)
All Pricing fields

** Live Demo Here **
Learn How To Use

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

June , 9th 2018: Added a New Validation for matching Email input confirmation fields
April , 29th 2018: Compatibility With PHP 7.2
April , 29th 2018: Compatibility With Gravity Forms 2.3
December, 21st 2017: Compatibility With Partial Entry addon
December, 21st 2017: Compatibility upto Gravity Forms 2.2.5
December, 21st 2016: Compatibility Fix: Multiple forms on one page with real-time validation ON.
December, 21st 2016: Fix: Checkbox with the conditional logic issue.
December, 21st 2016: Fix: Multi-step form values were not getting sustained on step change.
December, 21st 2016: Fix: how to use video and on activation behavior fixed for GF > 2.0.0.
November, 25th 2016: Fix: Filter Regex for modifiers (flags) to prevent validation failure.
August, 12th 2016: Fix: Hidden state conflict with conditional logic causing fields to be disabled when the form of modal popups.
August, 12th 2016: Added: JS Hooks for validation and success.
August, 12th 2016: Fix: resolved issue of form object turning into boolean TRUE, when we disable notification forever.
July, 18th 2016: Fix: Get Param conflict with feeds.
July, 18th 2016: Fix: Field setting showing even LV switched off.
June, 13th 2016: Fix: Address Line number 2 was marked as required.
June, 13th 2016: Fix: Conditional fields getting validated while hidden.
April, 30th 2016: New How to Use Video
April, 30th 2016: Compatible with the changes happening over form while Validation is in Off state.
April, 28th 2016: Compatibility with Mozilla Firefox & Safari
April, 28th 2016: Compatibility with mobile browsers
April, 28th 2016: Better UI for Notifications
April, 22th 2016: Added Better User Experience
April, 22th 2016: Added Documentation
April, 22th 2016: Added Support section
April, 22th 2016: Added Pro plugin Documentation
April, 22th 2016: Added Ajax & multistep support
April, 19th 2016: Added new admin notices
April, 18th 2016: Added new Installation Instructions.
April, 18th 2016: Added a new set of Screenshots.
April, 18th 2016: Modified Labels and Tooltip’s texts for better understanding.
April, 16th 2016: Set of popular patterns to choose from.
April, 16th 2016: Support for Post & Pricing fields.

Upcoming Releases

Dedicated Support Site.

PS: You’ll need a working Gravity Forms to use it.

延伸相關外掛