Some required fields work, others don't

  • Profile Image
    Asked on December 05, 2013 at 01:48 AM

    I have a form embedded on my WordPress site that includes many required questions as well as a question that requires a numerical answer over the number 18.

    1. Sometimes required fields are flagged if they are not completed before someone goes to the next page, most times most of them are not (although signatures always seem to be flagged if not completed).

    2. The field that requires a number response greater than 18 sometimes works--usually on the first visit to the page--and sometimes doesn't--almost always when the page is refreshed, but sometimes on the first one as well.

    Both issues do not seem to be browser specific--they occur using Firefox on my computer and using Chrome on my cell phone.

    Additional details:

    I am using Firefox 25.0.1 on my computer, Chrome 31.0.1650.59 on my Android cell phone.
    I embed the form as a secure form.
    Autofill in form preferences is disabled.
    The issues occur when the form is embedded by iframe or the WordPress javascript, but the inconsistencies do not occur when the form is accessed by a popup window.

    The form is located here:

    Am I doing something wrong? Any assistance would be greatly appreciated!



  • Profile Image
    Answered on December 05, 2013 at 07:04 AM


    The iFrame Method without the Script tags should work. Please kindly try it, this codes:

    <iframe id="JotFormIFrame" allowtransparency="true" src="" frameborder="0" style="width:100%; height:16030px; border:none;" scrolling="no"></iframe>


    Also, kindly try to use the Jotform's WP Embed Form Plugin: Embed Form Plugin for Wordpress

    Please update us for the results.


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

    Thanks for such a prompt response.

    I tried the iFrame method without the script tags and the form works properly. However, the page is really long so that even though each page of the form takes up several inches of the screen, there is tons of empty white space below (enough that you have to scroll down a long ways before finally reaching the bottom of the page).

    I also tried using the WP Embed Form Plugin, but it didn't work at all--I installed it twice and clicking on the embed button didn't do anything.


  • Profile Image
    Answered on December 07, 2013 at 05:26 PM

    It appears that the height value on the iframe script may be a bit higher than neccesary. All that needs to be done is to lower the value to where the form fits properly.

    Kindly try editing the highlighted text to a much lower value. I have left it at 2800px as this seems to allow all pages to be viewed properly.

    <iframe id="JotFormIFrame" allowtransparency="true" src="" frameborder="0" style="width:100%; height:2800px; border:none;" scrolling="no"></iframe>

    Do keep in my that many of the pages on your form are really short compare to others that are really long. I would suggest to maintain all pages with around the same sizes to keep uniformity if possible.

    I did have problems try to test the size direclty on your site as it appears to give of an error. Nevertheless do try the update code with value 2800px

    Error accessing your link:

    Kindly let us know if you need additional assistance. Thank you.


  • Profile Image
    Answered on December 08, 2013 at 05:17 AM

    Thanks for the help! Adjusting the iframe height helps significantly, and I'll look at ways to make the form pages close to the same in length.

    Thanks for the heads up about the error message., too I'm not sure what happened, but it my colleague may have been working on our site as well, so we'll figure it out.

  • Profile Image
    Answered on December 08, 2013 at 07:25 AM

    Hello GD2Trial,

    On behalf of my colleagues, you are welcome.

    Do get back to us if you have any questions.

    Thank you!