https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation Gravity Support Forums Topic: Placeholder text breaking on AJAX validation en-US Sat, 04 Apr 2026 09:40:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-72700 Sun, 26 Aug 2012 23:17:08 +0000 Chris Hajer 72700@https://legacy.forums.gravityhelp.com/ <p>That's not a bad way of doing it. Thanks for posting your solution. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-72665 Sun, 26 Aug 2012 18:28:11 +0000 Mastal 72665@https://legacy.forums.gravityhelp.com/ <p>Until the gravity team adds this feature, I did a workaround really really ugly but that works for me:</p> <p>On field description i added some like this:<br /> <pre><code>This description will be shown.&lt;span class=&quot;example&quot;&gt;http://google.com&lt;/span&gt;</code></pre> <p>Add the CSS rule to hide it:<br /> <pre><code>.gform_wrapper .example { display: none; }</code></pre> <p>Add this to functions.php, to make it works with ajax forms:<br /> <pre><code>add_filter(&#39;gform_pre_render&#39;, &#39;tuneUpElements&#39;); function tuneUpElements($form) { $script = &#39;tuneUpElements();&#39;; GFFormDisplay::add_init_script($form[&#39;id&#39;], &#39;tuneUpElements&#39;, GFFormDisplay::ON_PAGE_RENDER, $script); return $form; }</code></pre> <p>And finally this javascript function:<br /> <pre><code>$(&#39;.gfield&#39;).each(function(){ if( $(this).find(&#39;.example&#39;).length != 0 ) { $(this).find(&#39;input&#39;).attr(&#39;placeholder&#39;,$(this).find(&#39;.example&#39;).text()); } });</code></pre> <p>As I said, Im not proud about this way to add placeholders, but is the best that i have found. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-66858 Wed, 18 Jul 2012 11:37:45 +0000 Chris Hajer 66858@https://legacy.forums.gravityhelp.com/ <p>Scott, I replied to your email. Once we resolve this issue we can post the solution here. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-66839 Wed, 18 Jul 2012 10:36:47 +0000 KingScooty 66839@https://legacy.forums.gravityhelp.com/ <p>I've responded to your email. The issue wasn't the protocol related URLS.</p> <p>The following hook:</p> <pre><code>add_action(&#39;gform_enqueue_scripts&#39;,&quot;my_gform_enqueue_scripts&quot;, 10, 2);</code></pre> <p>Seems to be injecting my jQuery scripts to the very top of wp_head();<br /> Obviously by doing that, it's executing before the Wordpress implementation of jQuery has even loaded.</p> <p>I've changed the hook priority below and above 10, but nothing happens. Is there a way to shift it's position in wp_head() to execute after jQuery has loaded? </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-66599 Tue, 17 Jul 2012 00:49:28 +0000 Chris Hajer 66599@https://legacy.forums.gravityhelp.com/ <p>Scott, I emailed you. I have a "jQuery is not defined" error after submitting an incomplete form. That's when the placeholder text goes missing. Please see the email. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-66350 Sun, 15 Jul 2012 18:01:12 +0000 KingScooty 66350@https://legacy.forums.gravityhelp.com/ <p>Okay, i've put the code online, and sent you a link to the page, along with the functions.php file to your email address.</p> <p>Eagerly, and excitedly, awaiting your reply! </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-65916 Thu, 12 Jul 2012 07:51:28 +0000 Chris Hajer 65916@https://legacy.forums.gravityhelp.com/ <p>Can you export the form you are working with and email it to <a href="mailto:chris@rocketgenius.com">chris@rocketgenius.com</a> - include any additional code you're using to make this work. Without seeing your form it will be difficult to help you. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-65911 Thu, 12 Jul 2012 06:11:08 +0000 KingScooty 65911@https://legacy.forums.gravityhelp.com/ <p>I'm not really in a good position to upload my project at the moment. However, i'm using the gravity form plugin, along with the functions.php code from this article: <a href="http://www.wpbeginner.com/wp-tutorials/how-to-add-placeholder-text-in-gravity-forms/" rel="nofollow">http://www.wpbeginner.com/wp-tutorials/how-to-add-placeholder-text-in-gravity-forms/</a></p> <p>I'd really appreciate it if you can take a look. I was using contact form 7, which natively supported placeholders, but i switched to gravity to make the experience for the client a lot more enjoyable.</p> <p>Sadly i *need* placeholders to work - they're in the designs that have been signed off. </p> <p>I'd really hate to be forced to switch back after purchasing a license for this. </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-64834 Thu, 05 Jul 2012 07:50:24 +0000 Chris Hajer 64834@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to a Gravity Form where this behaviour can be seen? Thanks </p> https://legacy.forums.gravityhelp.com/topic/placeholder-text-breaking-on-ajax-validation#post-64793 Wed, 04 Jul 2012 15:50:34 +0000 KingScooty 64793@https://legacy.forums.gravityhelp.com/ <p>Every solution i've tried works until the gravity form is submitted. If the validation triggers and requires more fields to be populated, all the input placeholders disappear and the labels reappear.</p> <p>It's really frustrating me as there should be a simple way to keep the placeholders in the input fields. </p>