This jQuery hook is fired every time the form is rendered to allow custom jQuery to be executed. This includes initial form load, going to the next/previous page on multi-page forms, form rendered with validation errors, confirmation message displayed, etc.


<script type="text/javascript">

    jQuery(document).bind('gform_post_render', function(){

        // code to trigger on AJAX form render




  • event Event Object

    The Javascript event object.

  • form_id integer

    The ID of the form in use.

  • current_page integer

    The page number of the page being loaded.


This event is very useful when you wish you create a custom datepicker and enable AJAX for a form. Without this event, the default Gravity Form datepicker would be used if the form were reloaded due to validation errors. With this event, you can reinitialize your custom datepicker every time the form is rendered.

<script type="text/javascript">

    jQuery(document).bind('gform_post_render', function(){

        // destroy default Gravity Form datepicker

        // create new custom datepicker
        jQuery("#input_1_20").datepicker({ defaultDate: '+7d', minDate: '+7d', gotoCurrent: true, prevText: *, showOn: 'both', buttonImage: '/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true });




This code can be placed in an HTML field on your form or you may use the gform_pre_render hook to echo the script block to the page.

Source Code

This filter is located in form_display.php