https://legacy.forums.gravityhelp.com/topic/custom-jquery-working-for-validation-error-but-not-confirmation Gravity Support Forums Topic: Custom jQuery working for validation error but not confirmation en-US Sun, 19 Apr 2026 20:03:59 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-jquery-working-for-validation-error-but-not-confirmation#post-231279 Tue, 30 Apr 2013 16:17:20 +0000 iasr 231279@https://legacy.forums.gravityhelp.com/ <p>Hi Guys.</p> <p>I am trying to add a couple of classes to the '.gform_confirmation_message_X' elements and am having no luck. However, the following code is successful in adding those classes to the '.validation_message element'.</p> <p>The Code:</p> <pre><code>function gformsError() { jQuery(document).bind(&#39;gform_post_render&#39;, function(){ $(&#39;#input_2_1&#39;).attr(&#39;placeholder&#39;,&#39;Name...&#39;); $(&#39;#input_2_3&#39;).attr(&#39;placeholder&#39;,&#39;Email...&#39;); $(&#39;#input_2_5&#39;).attr(&#39;placeholder&#39;,&#39;Phone...&#39;); $(&#39;#input_2_2&#39;).attr(&#39;placeholder&#39;,&#39;Subject...&#39;); $(&#39;#input_2_6&#39;).attr(&#39;placeholder&#39;,&#39;Your Company\&#39;s Goals...&#39;); $(&#39;#input_4_1&#39;).attr(&#39;placeholder&#39;,&#39;Name...&#39;); $(&#39;#input_4_3&#39;).attr(&#39;placeholder&#39;,&#39;Email...&#39;); $(&#39;#input_4_5&#39;).attr(&#39;placeholder&#39;,&#39;Phone...&#39;); $(&#39;#input_4_2&#39;).attr(&#39;placeholder&#39;,&#39;Subject...&#39;); $(&#39;#input_4_6&#39;).attr(&#39;placeholder&#39;,&#39;Your Company\&#39;s Goals...&#39;); $(&#39;[placeholder]&#39;).focus(function() { var input = $(this); if (input.val() == input.attr(&#39;placeholder&#39;)) { input.val(&#39;&#39;); input.removeClass(&#39;placeholder&#39;); } }).blur(function() { var input = $(this); if (input.val() == &#39;&#39; || input.val() == input.attr(&#39;placeholder&#39;)) { input.addClass(&#39;placeholder&#39;); input.val(input.attr(&#39;placeholder&#39;)); } }).blur().parents(&#39;form&#39;).submit(function() { $(this).find(&#39;[placeholder]&#39;).each(function() { var input = $(this); if (input.val() == input.attr(&#39;placeholder&#39;)) { input.val(&#39;&#39;); } }) }); $(&#39;.gfield_description.validation_message&#39;).addClass(&#39;animated fadeIn&#39;); $(&#39;.gform_confirmation_message_3&#39;).addClass(&#39;animated fadeIn&#39;); $(&#39;.gform_confirmation_message_2&#39;).addClass(&#39;animated fadeIn&#39;); }); }</code></pre> <p>A demo: <a href="http://dppad.com/dev/3/" rel="nofollow">http://dppad.com/dev/3/</a> </p>