Captcha Loads After Performing Submit

  • Profile Image
    Asked on April 14, 2014 at 09:32 PM

    Got this form: loading on many pages like this one:

    the issue is that when customers submit the form they are taken to a separate page that loads captcha and the form doesn't contain it. We have to use source code embedding so that the scripting code loaded into the hidden field wuill tell us what product page the form was submitted from.

    It doesn't make sense.


    Matt  - Webmaster -

  • Profile Image
    Answered on April 14, 2014 at 11:54 PM

    Please re-embed your form utilizing the iFrame Embed Method. This should allow your form to avoid any script conflicts that it may have with other elements on your webpage.

    Do let us know if the issue persists after performing this step.

    Thank you.


    Related Article:

  • Profile Image
    Answered on April 21, 2014 at 08:16 PM

    The iframe method prevents the dynamic code from working, if that doesn't work then we have no idea what product the form is referring to. You think its the fact that we have two jotform scripts on the same page then?

  • Profile Image
    Answered on April 22, 2014 at 12:02 AM

    Hello sharpteksupply,

    If I understand your requirement correctly, you need to just capture the URL from where the form was submitted. Is that correct?

    You can take advantage of our "Get Referrer" widget. This will exactly do the same thing and you will not have to embed your form using it's source code.

    There are multiple ways to achieve your requirement:

    Hidden Box widget: You can just add a "Hidden Box" widget in your from and pre-populate it with the source value. You can use the form pre-population URL in the embed code

    Source code: If you want to use your own code which you have added you can still use it and at the same time embed it in an iFrame. In that case, here are the steps you should follow to embed your form with iFrame embed code:

    1. Download your form's source code and add the custom code.

    2. Upload this html file in your own server and grab the html file URL.

    3. Paste the following iFrame code in your webpage where you want to display your form:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="XXXXX" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>

    4. Replace the "XXXXX" in the above iFrame code with the html file URL you saved in step number 2 above.

    This will ensure that there is no code conflict and at the same time you will be able to use your custom code as well.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Answered on April 30, 2014 at 08:15 PM

    Thanks! i will give that a shot.