My "next" button is not functioning properly?

Please have a look here http://www.caboregalo.com/

The "next" button within the form does not function properly. Sometimes it does nothing. Other times I need to click it twice. Sometimes I have to clear my cache (not something I can expect all users to do)

I have tried this on several browsers and with all different embed methods.

Any Ideas?

Hi,

I checked your page and the embed code seems a bit odd:

Specifically the highlighted section.  The Javascript embed code for your form should be something like this:

<script type="text/javascript" src="//form.jotformpro.com/jsform/50046994847972"></script>

However I would recommend using the iFrame embed code to ensure the least amount of interaction with the rest of your page.  Here is the iFrame code to save your some time:

http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50046994847972" frameborder="0" style="width:100%; height:4266px; border:none;" scrolling="no"></iframe>
<script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

If that does not allow for your form to function properly in your page, let us know and we will be happy to see what else we can do.

Thanks, seems to work with the script embed option.... I may have messed it up switching from visual to text editor or something

I would be much more comfortable using an iframe but when I do I get a large white space that represents the height of the tallest page. I adjusted the height within the code and enabled scrolling but same result?

If you would like to try the iFrame embed without the autosizing script, it may work.  Try this code:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50046994847972" frameborder="0" style="width:100%; height:4266px; border:none;" scrolling="no"></iframe>

The height adjustments should work.  If not, if the script embed works for you, I would stick with that.