My form wont submit

  • YasinRayes
    Asked on July 13, 2018 at 4:45 AM

    Hello ive been playing around with the free version of your forms but i seem to have hit a road block and it seems a few people are having similar issues.

    Once i finish filling out the form and i come to click submit, all i get is the please wait ... sign and no action. 

    your forms are really well presented however this issue would cause major problems, is there fix i could try? 

    https://mela.biz/mela-delivery

  • Nur Karabağ JotForm Developer
    Replied on July 13, 2018 at 7:40 AM

    Hi,

    When I tried to submit to your form via this link https://form.jotformeu.com/81923019401348 , it was submitted without any issue as you can see below:

    1531481863Screen Shot 2018 07 13 at 2 Screenshot 10

    But when I tried to submit to your form via this link https://mela.biz/mela-delivery, I got an error on console.

    Can you try to embed this form to your website with using iFrame code. You can find iFrame code as you can see below:

    1531482007iframee Screenshot 21

    Let us know if the issue still persists.

  • aapatil
    Replied on July 13, 2018 at 7:56 AM

    I tried to replicate the issue using the above and I cant submit the form. The error appears in the console: 

    Blocked form submission to 'https://submit.jotformeu.com/submit/81923019401348/' because the form's frame is sandboxed and the 'allow-forms' permission is not set.

    I then tried to submit it from the JotForm address i.e. https://www.jotformeu.com/81923019401348 and it works fine. It appears that the issue may have caused due to the form configuration on your WordPress page. You can do this two ways - 

    1. Embed Form Plugin to embed a form in your WordPress site. Refer to this article.

    2. Go to WordPress page where you have embedded this form. Go to the text section and edit the replace the following HTML code that says sandbox="allow-scripts" to sandbox="allow-forms allow-scripts"

    To do this you have to go to Page menu on the WordPress dashboard and select the page. By default, it will show you the visual representation. Select text where you can change this code area. 

    Below is the example of the page HTML code you can change

    1531482937WP Page Image Screenshot 10

    Let me know if this resolves your issues.

  • YasinRayes
    Replied on July 13, 2018 at 10:13 AM

    Hello Aapatil 


    Thank you for your solution it worked a treat now the form is submitting, 

    However i'm having a different problem, the form now not big enough, so the "Join Jotform" advert at the bottom is covering the submit button, i've tried to edit it from the pencil icon that comes up which says "only form owner can see this button" but every time i leave and come back the changes are not saved even tho i pressed the save button. 


    Thank you 

    Yasin Rayes 1531491202Untitled Screenshot 10

  • aapatil
    Replied on July 13, 2018 at 10:17 AM

    Hello Yasin, I'll try to resolve this and get back to you with an update.

  • aapatil
    Replied on July 13, 2018 at 11:24 AM

    I just checked your iframe script code in the console. It requires that height property to be changed to800px or slightly more. The frame wasn't able to fit into the are with specified height. Here is the example of the screen - 

    1531495396iframe Screenshot 10


    Please change the below code ->

    <iframe title="Mela Job Application Form" src="" allowtransparency="true" allow="geolocation; microphone; camera" allowfullscreen="true" name="81923019401348" id="81923019401348" style="width: 10px; min-width: 100%; display: block; overflow: hidden; border: none; height: 464px;" scrolling="no"></iframe>

    to This ->

    <iframe title="Mela Job Application Form" src="" allowtransparency="true" allow="geolocation; microphone; camera" allowfullscreen="true" name="81923019401348" id="81923019401348" style="width: 10px; min-width: 100%; display: block; overflow: hidden; border: none; height: 800px;" scrolling="no"></iframe>

     

    Hopefully, this resolves your issues. Let me know how it goes.

  • YasinRayes
    Replied on July 13, 2018 at 11:34 AM

    1531496150Untitled Screenshot 10

    So i'm making the site on wordpress and i didnt intentionally use any Iframes, Im not sure if it does it automatically but this seems to be the only code i have? 

    If you could just make it alittle clearer im unsure where to find this code i need to edit.

     

    Kind Regards 

    Yasin 

  • Nik_C
    Replied on July 13, 2018 at 1:13 PM

    Please try adding this code:

    [embed]

    http://form.jotformeu.com/form/81923019401348

    [/embed]

    to your Wordpress page, where you want your form to appear.

    When you edit the page and add the code in HTML section:

    1531501957Screen Shot 2018 07 13 at 7 Screenshot 10

    Let us know if that worked for you.

    Thank you!

  • YasinRayes
    Replied on July 16, 2018 at 3:02 AM

    Good Morning Guys 


    Thank you for the quick responses, Unfortunately the problem persists, when i try to add the code mentioned above the form no longer works at all, When i embed using the jotform plugin the jotform advert covers the submit button. 
    just need the form to be larger so the submit button is clear 

    Kind Regards 

    Yasin 1531724540Untitled Screenshot 10

  • aapatil
    Replied on July 16, 2018 at 4:37 AM

    I just checked a form on your site and the height is now correctly adjusted on your site. The Jotform bar doesn't overlap now

    1531730211MelaBiz Screenshot 10

     Could you confirm if the issue is now resolved?