Captcha is being asked on form submission

  • Profile Image
    chassisplans
    Asked on December 03, 2013 at 07:49 PM

    Hi,

    See http://www.chassis-plans.com/form_quote_ccx.html . 

    On ocassion, but not always, when a user has filled in the main form on this page or even the Contact Us form at the top right, when they submit the form, they are directed to a new page that has a Captca. 

    The problem is that some companies such as L3 and Lockheed have restrictive internet policies that prevent captchas from working.  This was pointed out to me by a customer who eventually had to send us an email because he couldn't complete the form.

    I've researched this and the only answer I find is to embed the form in an Iframe.  I have many forms on my site, most with the Contact Us form at the top right and a separate main form below.  I'm not too keen on having to redo all these forms to convert to an Iframe.  You can also see the forms are tightly integrated into my site and I don't think I would get the same effect with an Iframe.

    The customer wrote me " I figured that might deter some potential inquiries/sales.  Probably not a good thing!"

    I'm willing to live with any spam this form may generate by not using captca's.

    How can I stop the secondary captcha from being displayed?

    Thanks,

    David

  • Profile Image
    jonathan
    Answered on December 04, 2013 at 06:42 AM

    Hi David,

    From what I have checked so far, you are using the form's source code embed on your website http://www.chassis-plans.com/form_quote_ccx.html

    And I was able to reproduce the mentioned issue

     

    Upon viewing your website's source, I found that there are 2 forms embedded, bouth using source code embed. This are the forms

    1. http://www.jotformpro.com/form/30886986316974

    2. http://www.jotformpro.com/form/30838766064967

    If you check the screenshot image I provided, the form that is producing the captcha is the 1st form http://www.jotformpro.com/form/30886986316974 

    The issue is happening because the embedded form in your website is NOT the updated version of the current form http://www.jotformpro.com/form/30886986316974 which currently now do not have any captcha field on it.

    To resolve this issue, you will have to re-embed the form http://www.jotformpro.com/form/30886986316974 again using its source code. 

    Please update all the embedded forms in your website and then check again if the issue remains.

    Update us of the results when you can.

    Thanks.

     

  • Profile Image
    chassisplans
    Answered on December 09, 2013 at 06:46 PM

    Hi,

    Thanks for the answer.  However, I've been through my web page code comparing fields between the embed code and my code.  The only field differences I can find is I've deleted a couple of the choices for input_19.  But that shouldn't make any difference - should it?

    Would you kindly provide a bit of guidance as to where the difference might be?

    Thanks,

    David

  • Profile Image
    Jeanette
    Answered on December 09, 2013 at 07:22 PM

    Hello David

    A second captcha is issually triggered by code conflicts in a webpage. The best way to prevent the issue is to replace your form(s) current embedded code (in your case it's the long source code version) by the iFrame code version

    However, your form might contain several customizations, so in that case, it can be fixed with a jquery noconflict declaration.

    Just insert the following code below your last jquery reference prior to the form's script.

    <script>jQuery.noConflict();</script>

     

    Let us know if the problem persist

     

  • Profile Image
    chassisplans
    Answered on December 09, 2013 at 07:40 PM

    Hello Again,

    No cigar.  Placed the above script code as requested and I still get the post-submit captcha for both the main page form and the small 'contact us' form at the top.

    Any other suggestions?

    Thanks,

    David

  • Profile Image
    Cesar
    Answered on December 09, 2013 at 08:49 PM

    I do see that on your form no Captcha exists. Kindly remove the source from your page an obtain the most updated source code from the From Editor.

    You can also test conflict by removing the small contact form on the top of your page, effectiviely leaving only one form on your page and test submission. 

    If performing <script>jQuery.noConflict();</script> right after the last JQuery reference, did not solve the problem, we highly recommend to use the iFrame method.

    Kindly try this step, as it appears this only happens when the form is embedded on your page. The stand-alone version performs submissions without any Captcha field appearing.

    Stand-alone form: http://form.jotformpro.com/form/30886986316974

    Contact Stand-alone form: http://www.jotformpro.com/form/30838766064967

    Do let us know if you need furtehr assistance, Thank you.

  • Profile Image
    EltonCris
    Answered on March 27, 2014 at 02:18 PM

    @David

    Sorry but your latest response didn't came through. May I suggest you to post it directly on this thread http://www.jotform.com/answers/298253 so we can assist you further.

    --

    By the way, you can also try the following workaround and see if this helps. Since you have embedded two different form source code on your page, it is possible that their captcha code would conflict to each other. To fixed it, hopefully, please find the following codes on your form source code. This usually found at the end part of your form source code.

    <input type="hidden" id="simple_spc" name="simple_spc" value="30886986316974" />

      <script type="text/javascript">

      document.getElementById("si" + "mple" + "_spc").value = "30886986316974-30886986316974";

      </script>

    And then replace every _spc with _spc1 or just append 1 so it became like this:

    <input type="hidden" id="simple_spc1" name="simple_spc1" value="30886986316974" />

      <script type="text/javascript">

      document.getElementById("si" + "mple" + "_spc1").value = "30886986316974-30886986316974";

      </script>

    For the 2nd form source code, you can use _spc2. Just do the same steps.

    If you need further clarification, let us know here.

    Regards!