iSoftware

akkis

DevWorks

Ioannis Kappas

<p>Adds native HTML5 validation support to the Gravity Forms plugin.</p>
<p>It supports both standard and paginated forms.</p>
<h4>Supported Standard Fields</h4>
<ul>
<li>Single Line Text</li>
<li>Paragraph Text</li>
<li>Drop Down</li>
<li>Multi Select</li>
<li>Checkboxes</li>
<li>Number</li>
<li>Radio Buttons</li>
</ul>
<h4>Supported Advanced Fields</h4>
<ul>
<li>Name</li>
<li>Date</li>
<li>Time</li>
<li>Phone</li>
<li>Address</li>
<li>Website</li>
<li>Username</li>
<li>Password</li>
<li>Email</li>
<li>File Upload</li>
</ul>
<h4>Supported Post Fields</h4>
<ul>
<li>Title</li>
<li>Body</li>
<li>Excerpt</li>
<li>Tags</li>
<li>Category</li>
<li>Post Image</li>
<li>Custom Field</li>
</ul>
<h4>Supported Pricing Fields</h4>
<ul>
<li>Product</li>
<li>Quantity</li>
<li>Credit Card</li>
</ul>
<h4>Supported Hooks</h4>
<ul>
<li>gform_name_prefix_required</li>
<li>gform_name_middle_required</li>
<li>gform_name_suffix_required</li>
<li>gform_address_street2_required</li>
</ul>
<p>These hooks can be used to force html5 validation on these subfields.</p>
<p>Example usage:</p>
<p>The following would apply your function to all forms.<br />
add_filter( ‘gform_name_prefix_required’, ‘your_function_name’, 10, 2 );</p>
<p>To target a specific form append the form id to the hook name. (format: gform_password_FORMID)<br />
add_filter( ‘gform_name_prefix_required_6’, ‘your_function_name’, 10, 2 );</p>
<p>The return value is expected to be a boolean value; As such you can also use them with “__return_true”.<br />
add_filter( ‘gform_address_street2_required’, ‘__return_true’ );</p>
<h4>Requirements</h4>
<p>This plugin requires prior installation and activation of <a href="http://www.gravityforms.com/" rel="nofollow ugc">Gravity Forms</a> plugin by <a href="http://www.rocketgenius.com/" rel="nofollow ugc">Rocketgenius</a> ver. 1.9 and above.</p>
<h4>Tested</h4>
<p>Up to Gravity Forms plugin ver. 1.9.17.6</p>


Gravity Forms HTML5 Validation

This plugin adds native HTML5 validation support to Gravity Forms' fields.

PluginsCafe

Kaisar Ahmmed

<p>This plugin adds an awesome feature that provides instant feedback and guidance in each field, helps prevent errors, reduces form submission time, and ensures the submission of accurate and complete data. It introduces a dynamic and interactive layer of validation that verifies the data entered by users as they fill out the form in real time.</p>
<h3>Features</h3>
<ul>
<li>Add Regular expression in text and number only.</li>
<li>Ability to turn on/off for each gravity forms.</li>
<li>Add validation only on required field.</li>
<li>Add custom validation message.</li>
<li>Works with multi-step forms.</li>
<li>Works with both environment AJAX / NON-AJAX.</li>
<li>Works with the Conditional logic of fields.</li>
<li>Works with Multiple Forms on one page.</li>
<li>Regular expression (New)</li>
<li>More features coming…</li>
</ul>
<h3>Works with following fields</h3>
<ul>
<li>Single Line Text</li>
<li>Paragraph Text</li>
<li>Drop Down</li>
<li>Number</li>
<li>Checkboxes</li>
<li>Radio Buttons</li>
<li>Image Choice (new)</li>
<li>Multiple Choice (new)</li>
<li>Name</li>
<li>Date</li>
<li>Time</li>
<li>Phone</li>
<li>Address</li>
<li>Website</li>
<li>Email</li>
<li>Product</li>
<li>Quantity</li>
<li>Option</li>
<li>Shipping</li>
<li>More are coming soon.</li>
</ul>
<h4>Regular expression</h4>
<ul>
<li>You can apply regular expressions exclusively to text fields.</li>
<li>Don’t use / before and after of regular expression.</li>
</ul>
<p>Navigate to the “Advanced” tab of the text field and click on “Enable Real-Time Validation.” This will provide two input boxes: one for entering a regular expression and another for specifying a validation failure message.<br />
Example:</p>
<p>^(+?\d{1,4}[\s-]?)?((?\d{3,4})?[\s-]?)?\d{3}[\s-]?\d{3,4}$</p>
<p><strong>Our Others Plugins</strong><br />
<a href="https://wordpress.org/plugins/alpha-addons-for-gravity-forms/" rel="ugc">Alpha Addons for Gravity Forms</a><br />
<a href="https://wordpress.org/plugins/smart-phone-field-for-gravity-forms/" rel="ugc">Smart Phone Field for Gravity Forms</a><br />
<a href="https://wordpress.org/plugins/smart-phone-field-for-wp-forms/" rel="ugc">Smart Phone Field for Fluent Forms</a><br />
<a href="https://wordpress.org/plugins/smart-phone-field-for-wp-forms/" rel="ugc">Smart Phone Field for Contact Form 7</a><br />
<a href="https://wordpress.org/plugins/smart-phone-field-for-wp-forms/" rel="ugc">Smart Phone Field for Elementor Form</a><br />
<a href="https://wordpress.org/plugins/image-choices-for-gravity-forms/" rel="ugc">Image Picker for Gravity Forms</a><br />
<a href="https://wordpress.org/plugins/range-slider-addon-for-gravity-forms/" rel="ugc">Range Slider for Gravity Forms</a><br />
<a href="https://wordpress.org/plugins/gf-google-address-autocomplete/" rel="ugc">Address AutoComplete for Gravity Forms</a><br />
<a href="https://wordpress.org/plugins/restrict-dates-add-on-for-gravity-forms/" rel="ugc">Restrict Dates for Gravity Forms</a></p>
<h4>Requirements</h4>
<ul>
<li>PHP 7.4</li>
<li>Gravity Forms 2.8.0 or higher</li>
</ul>


Real Time Validation For Gravity Forms

This plugin adds an awesome feature that provides instant feedback and guidance in each field, helps prevent errors.

Gravity Forms HTML5 Validation vs Real Time Validation For Gravity Forms