Redirect to a custom Thank you page about google-forms-html-exporter

[GarfieldS]

I found a workaround solution but still interested in any clarification on how to deal with redirecting on form submit.

[cybercase]

Hello @GarfieldS
After exporting your Google Form, the exported javascript should contain this snippet of code:

    $('#bootstrapForm').ajaxSubmit({
        data: extraData,
        dataType: 'jsonp',  // This won't really work. It's just to use a GET instead of a POST to allow cookies from different domain.
        error: function () {
            // Submit of form should be successful but JSONP callback will fail because Google Forms
            // does not support it, so this is handled as a failure.
            alert('Form Submitted. Thanks.')
            // You can also redirect the user to a custom thank-you page:
            // window.location = 'http://www.mydomain.com/thankyoupage.html'
        }
    })

To redirect the user to your custom thankyou page (let's say you've already built a thankyou page at http://www.mysite.com/thankyoupage), you need to change the code like the following:

    $('#bootstrapForm').ajaxSubmit({
        data: extraData,
        dataType: 'jsonp',  // This won't really work. It's just to use a GET instead of a POST to allow cookies from different domain.
        error: function () {
            // Redirect the user to the thankyou page
            window.location = 'http://www.mysite.com/thankyoupage'
        }
    })

This will make the browser go to http://www.mysite.com/thankyoupage just after the submission of the form.

Hope this helps

[GarfieldS]

Thank you very much!

The code that usually comes out looks like this: (code from the demo)

$('#bootstrapForm').submit(function (event) {
    event.preventDefault()
    var extraData = {}
    $('#bootstrapForm').ajaxSubmit({
        data: extraData,
        dataType: 'jsonp',  // This won't really work. It's just to use a GET instead of a POST to allow cookies from different domain.
        error: function () {
            // Submit of form should be successful but JSONP callback will fail because Google Forms
            // does not support it, so this is handled as a failure.
            alert('Form Submitted. Thanks.')
            // You can also redirect the user to a custom thank-you page:
            // window.location = 'http://www.mydomain.com/thankyoupage.html'
        }
    })
})

There is a double mention of bootstrapform so this may have made things a little confusing.