Console Error

  • Profile Image
    askmeabout
    Asked on October 09, 2017 at 07:34 AM

    Thank you.

    Another question regarding this list of checkboxes.

    The form is embeded on the page: http://queens.by/new_jotform.

    Here are the steps that lead to mistake:

    1. Enter the page with some variables in the url, for example

    http://queens.by/new_jotform?utm_source=something&name=Mike

    2. Press the form button

    Then the form stops working, while in Google Developer Tools Console we see string "An invalid form control with name='q11_input11[]' is not focusable."

    How can we solve this issue?

  • Profile Image
    Jenny
    Answered on October 09, 2017 at 08:04 AM

    We are sorry for the inconvenience.  I have checked the issue you are referring to and I have escalated it to our developers.

    You can track the updates by following this thread.


  • Profile Image
    Jenny
    Answered on October 09, 2017 at 08:30 AM
     Can you please try to embed following code to your form and test it again and let us know if it helps.
     
    We will be waiting for your response.
     
     
    <iframe id="JotFormIFrame-71481663392966" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/71481663392966" frameborder="0" style="width: 1px; min-width: 100%; height:401px; border:none;" scrolling="no"> </iframe> 
  • Profile Image
    askmeabout
    Answered on October 10, 2017 at 01:37 AM

    Here is our previous embeded code:

    <iframe id="JotFormIFrame-71481663392966" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/71481663392966" frameborder="0" style="width: 1px; min-width: 100%; height:806px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-71481663392966"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>

    Do you offer to replace the iframe tag with your code? Like this:

    <iframe id="JotFormIFrame-71481663392966" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/71481663392966" frameborder="0" style="width: 1px; min-width: 100%; height:401px; border:none;" scrolling="no"> </iframe>  <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-71481663392966"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>

    If so, it doesn't work (http://queens.by/new_jotform?utm_source=something&name=Mike)

    If not, please give us the correct full code we must have embeded.


  • Profile Image
    Nik_C
    Answered on October 10, 2017 at 04:16 AM

    The code that my colleague provided above is code without script code, and it was suggested so the possible conflict is avoided.

    With that said could you please try replacing the existing code with the code above:

    <iframe id="JotFormIFrame-71481663392966" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/71481663392966" frameborder="0" style="width: 1px; min-width: 100%; height:401px; border:none;" scrolling="no"> </iframe> 

    We'll wait for your response.

    Thank you!