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.

David Favor

<p>This plugin fixes current HTML syntax errors raised due to how WordPress<br />
currently returns some links with rel=”category tag”.</p>
<p>Hopefully this plugin is temporary and WordPress will fix this problem.</p>
<p>At present it looks doubtful this will be fixed.</p>
<p>You can read more about this problem by<br />
[Searching WordPress for related discussions](https://www.google.com/search?q=”site:wordpress.org”+”category tag”+”rel”+”validation error”)…</p>
<p>Especially <a href="https://core.trac.wordpress.org/ticket/22095" rel="nofollow ugc">WordPress Ticket #22095</a><br />
talks about what has been fixed (2 problems) and what has been<br />
deferred indefinitely (1 problem).</p>
<h4>Like This Plugin?</h4>
<p>This plugin is provided for free.</p>
<p>If you like using it + like to say thanks…</p>
<p>Buy a copy of my <a href="http://DavidFavor.com/bb" rel="nofollow ugc">“Beautiful Business”</a> Kindle Book and<br />
post an Amazon Review of what you enjoyed most.</p>
<h4>Why This Plugin is Essential</h4>
<p>The following is purely my opinion about this matter.</p>
<p>In most cases, your best option when having Web development work done is to make your<br />
payment contingent on the following checklist… meaning you only pay<br />
for your Web development after all checklist items are 100% met. No exceptions.</p>
<p>Some diehards in the audience may say Validator code lags standards. True. And<br />
I’d prefer adhering to the current Validator code rather than constantly<br />
trying to determine which errors and warnings are acceptable and which are real.</p>
<p>Your Web development checklist:</p>
<ul>
<li><a href="http://Validator.w3.org/" rel="nofollow ugc">W3C HTML Validator</a> – 100% clean HTML syntax validation. Zero errors.<br />
Zero warnings. No exceptions, save one. The single exception is one warning,<br />
which the validator currently emits if you use an HTML5 Doctype ().</li>
<li><a href="http://Jigsaw.w3.org/css-validator/" rel="nofollow ugc">W3C CSS Validator</a> – 100% clean CSS syntax validation. Zero errors.<br />
Zero warnings. No exceptions.</li>
<li><a href="http://WebPageTest.org" rel="nofollow ugc">Web Page Test</a> – A score in ever category. No exceptions, save one. Do yourself<br />
a favor and skip using a CDN, unless you’re serving huge video files off your site.<br />
Even then, unless your CDN supports true streaming (meaning you can move the scrubber<br />
bar and the video playback position tracks + changes correctly) you’re better off hiring<br />
some to correctly tool your site. Follow this checklist and a CDN will rarely give you<br />
any measurable speed increase.</li>
<li><a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow ugc">Google PageSpeed</a> – 100 out of 100 PageSpeed Score.<br />
In other words, all tests pass. No exceptions.</li>
</ul>
<p>Having “No exceptions” in each case will also require you use a Hosting Company run by<br />
Wicked Smart Uber Geeks. I’ve yet to find any company who can tune up a Web server to<br />
run as fast as I tune mine, so I run my own “Iron” (servers which I admin personally).</p>
<p>This said, you may have some exceptions. You’ll have to determine which are acceptable for you.</p>
<p>For me, “No exceptions” is mandatory.</p>
<p>Enough rambling.</p>


Gravity Forms HTML5 Validation vs WordPress Fix HTML5 Validation