https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error Gravity Support Forums Topic: gform_enqueue_scripts injects script into iframe on validation error en-US Sat, 04 Apr 2026 05:11:10 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-316671 Tue, 11 Jun 2013 05:01:24 +0000 Richard Vav 316671@https://legacy.forums.gravityhelp.com/ <p>Thanks Alex </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-315708 Mon, 10 Jun 2013 16:00:15 +0000 Alex Cancado 315708@https://legacy.forums.gravityhelp.com/ <p>Enqueueing initialization scripts is a bit tricky, especially when dealing with AJAX forms. The recommended way of doing it is using the add_init_script() function. This function will make sure the script is printed at the right time and executed when needed. Some scripts need to be executed only once when the page is loaded, and some will need to be executed every time a conditional logic operation takes place, and this function has a parameter that controls that.<br /> I have modified the sample code from richardvav above to use the add_init_script() function to give you an example.<br /> <a href="http://pastie.org/8031737" rel="nofollow">http://pastie.org/8031737</a></p> <p>I hope it is helpful and useful to all. </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-299196 Mon, 03 Jun 2013 12:00:49 +0000 jacobdubail 299196@https://legacy.forums.gravityhelp.com/ <p>Thanks richardvav! </p> <p>I appreciate your help. I'll give this new hook a try and report back. </p> <p>Wondering if any of the core developers can chime in to let us know if this is intended behavior or not.</p> <p>Thanks again!<br /> -Jacob </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-257452 Fri, 17 May 2013 07:11:19 +0000 Richard Vav 257452@https://legacy.forums.gravityhelp.com/ <p>Jacob, I tried your script on my localhost setup using a clean install and the twenty twelve theme and for some reason the script is being printed in both the head and the body so I am getting the "jQuery is not defined" error when the page first loads and the placeholders aren't appearing.</p> <p>Anyway if I swap from gform_enqueue_scripts to gform_pre_render and I bind the function to gform_post_render as shown below, the script is only printed in the body and the placeholders now appear and also work if the form is submitted and fails validation due to the field being empty.<br /> <pre><code>add_filter(&#39;gform_pre_render&#39;, &#39;jtd_gform_enqueue_scripts&#39;); function jtd_gform_enqueue_scripts($form) { ?&gt; &lt;script&gt; jQuery(document).bind(&#39;gform_post_render&#39;,function(){ &lt;?php /* Go through each one of the form fields */ foreach($form[&#39;fields&#39;] as $i=&gt;$field) { /* Check if the field has an assigned placeholder */ if(isset($field[&#39;placeholder&#39;]) &amp;&amp; !empty($field[&#39;placeholder&#39;])){ /* If a placeholder text exists, inject it as a new property to the field using jQuery */ ?&gt; jQuery(&#39;#input_&lt;?php echo $form[&#39;id&#39;]?&gt;_&lt;?php echo $field[&#39;id&#39;]?&gt;&#39;) .attr(&#39;placeholder&#39;,&quot;&lt;?php echo $field[&#39;placeholder&#39;]?&gt;&quot;); &lt;?php } } ?&gt; }); &lt;/script&gt; &lt;?php return $form; }</code></pre> <p>However I still get the "jQuery is not defined" error when validation failed so it's not just gform_enqueue_scripts that results in the script being printed in the iframe and i'm at a loss as how to prevent it. </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-255683 Thu, 16 May 2013 12:14:04 +0000 jacobdubail 255683@https://legacy.forums.gravityhelp.com/ <p>Sure can. Here you go:</p> <pre><code>add_action(&quot;gform_field_standard_settings&quot;, &quot;jtd_gform_placeholders&quot;, 10, 2); function jtd_gform_placeholders($position, $form_id){ // Create settings on position 25 (right after Field Label) if ( $position == 25 ) { ?&gt; &lt;li class=&quot;admin_label_setting field_setting&quot; style=&quot;display: list-item; &quot;&gt; &lt;label for=&quot;field_placeholder&quot;&gt;Placeholder Text &lt;!-- Tooltip to help users understand what this field does --&gt; &lt;a href=&quot;javascript:void(0);&quot; class=&quot;tooltip tooltip_form_field_placeholder&quot; tooltip=&quot;&lt;h6&gt;Placeholder&lt;/h6&gt;Enter the placeholder/default text for this field.&quot;&gt;(?)&lt;/a&gt; &lt;/label&gt; &lt;input type=&quot;text&quot; id=&quot;field_placeholder&quot; class=&quot;fieldwidth-3&quot; size=&quot;35&quot; onkeyup=&quot;SetFieldProperty(&#39;placeholder&#39;, this.value);&quot;&gt; &lt;/li&gt; &lt;?php } } /* Now we execute some javascript technicalitites for the field to load correctly */ add_action(&quot;gform_editor_js&quot;, &quot;jtd_gform_editor_js&quot;); function jtd_gform_editor_js(){ ?&gt; &lt;script&gt; //binding to the load field settings event to initialize the checkbox jQuery(document).bind(&quot;gform_load_field_settings&quot;, function(event, field, form){ jQuery(&quot;#field_placeholder&quot;).val(field[&quot;placeholder&quot;]); }); &lt;/script&gt; &lt;?php } /* We use jQuery to read the placeholder value and inject it to its field */ add_action(&#39;gform_enqueue_scripts&#39;,&quot;jtd_gform_enqueue_scripts&quot;, 10, 2); function jtd_gform_enqueue_scripts( $form, $is_ajax ) { if ( $is_ajax ) : ?&gt; &lt;script&gt; (function( $ ) { &lt;?php /* Go through each one of the form fields */ foreach($form[&#39;fields&#39;] as $i=&gt;$field) { /* Check if the field has an assigned placeholder */ if(isset($field[&#39;placeholder&#39;]) &amp;&amp; !empty($field[&#39;placeholder&#39;])){ /* If a placeholder text exists, inject it as a new property to the field using jQuery */ ?&gt; jQuery(&#39;#input_&lt;?php echo $form[&#39;id&#39;]?&gt;_&lt;?php echo $field[&#39;id&#39;]?&gt;&#39;) .attr(&#39;placeholder&#39;,&quot;&lt;?php echo $field[&#39;placeholder&#39;]?&gt;&quot;); &lt;?php } } ?&gt; })(jQuery); &lt;/script&gt; &lt;?php endif; // $is_ajax }</code></pre> <p>Hopefully that comes through correctly.</p> <p>Thanks again for your help!</p> <p>-Jacob </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-253598 Wed, 15 May 2013 02:09:22 +0000 Richard Vav 253598@https://legacy.forums.gravityhelp.com/ <p>Jacob,</p> <p>Can you paste a copy of the full code you are using for this from your functions file? </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-253284 Tue, 14 May 2013 20:53:26 +0000 jacobdubail 253284@https://legacy.forums.gravityhelp.com/ <p>Hi richardvav,</p> <p>Thanks a lot for your reply. Sorry for my delayed response.</p> <p>I updated my script and am now getting the output you recommend. I'm still seeing this script injected into the iframe, though.</p> <p>Here's a screenshot from my dev tools in Chrome: <a href="http://i.imgur.com/MiJbGrF.png" rel="nofollow">http://i.imgur.com/MiJbGrF.png</a></p> <p>I'm still getting a "jQuery is not defined" error.</p> <p>Any idea how I can prevent scripts hooked to "gform_enqueue_scripts" from being inserted into the iframe?</p> <p>Thanks!</p> <p>-Jacob </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-246080 Fri, 10 May 2013 07:26:27 +0000 Richard Vav 246080@https://legacy.forums.gravityhelp.com/ <p>Hi Jacob,</p> <p>I am not sure scripts in the iframe is the problem, I tried using your placeholder function on an ajax form on my localhost install but I could only get it working by changing it like so<br /> <pre><code>&lt;script&gt; jQuery(document).bind(&#39;gform_post_render&#39;,function(){ jQuery(&#39;#input_11_1&#39;).attr(&#39;placeholder&#39;,&#39;Name&#39;); }); &lt;/script&gt;</code></pre> <p>Regards,<br /> Richard<br /> --<br /> Just another member of the community helping out where I can </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-244837 Thu, 09 May 2013 15:31:02 +0000 jacobdubail 244837@https://legacy.forums.gravityhelp.com/ <p>Hey guys,</p> <p>Any ideas? Could you point me in the right direction?</p> <p>Thanks,<br /> Jacob </p> https://legacy.forums.gravityhelp.com/topic/gform_enqueue_scripts-injects-script-into-iframe-on-validation-error#post-228687 Sun, 28 Apr 2013 13:12:20 +0000 jacobdubail 228687@https://legacy.forums.gravityhelp.com/ <p>Hey guys,</p> <p>Here's a link to the site with the error: <a href="http://hc.jacobdubail.com/" rel="nofollow">http://hc.jacobdubail.com/</a></p> <p>If you submit the form (toward the bottom of the page) without filling in any fields, you'll see that their is a "jQuery is not defined" error in the console. jQuery is defined on the page, but not in the iFrame. How can I prevent my script from being called/enqueued in the iFrame?</p> <p>Many thanks,<br /> Jacob </p>