Two Jot form at the same form not working properly.

  • Profile Image
    eiandy
    Asked on August 16, 2016 at 01:45 AM

    Hello Support,

    I have two different jotforms on the same page, both having different id as well as different values, but when i click on the submit button  of any form both the form submitted, which is not right.

    I used the source code of the jotforms.

    Let me know the solution for the same.

    Thank You.

  • Profile Image
    BJoanna
    Answered on August 16, 2016 at 04:48 AM

    Most likely there are some script conflicts between JotForm scripts and your webpage scripts. We recommend using of iFrame code. Please try to re-embed your form with iFrame code to see if that will resolve your issue. Inside of this guide you can find how to get iFrame code of your form: 

    https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    eiandy
    Answered on August 16, 2016 at 04:58 AM

    Hello Support,

    We can't use the iframe code because we have to design page according to our requirement, so that's not possible.

    Regarding conflict the jquery, we checked from our side if any jquery conflict then form not submitted & generate errors, but here both form data submitted & if i disable any of the jotform, other form working normally & submit data according to requirement.

    So can you provide me the other solution for that.

    Thanks in advance.

  • Profile Image
    Charlie
    Answered on August 16, 2016 at 09:13 AM

    Unfortunately, we cannot guarantee that the forms will work accordingly if you embed both of them on the same page using the full source code and at the same time loading some other JS libraries on the same page also. 

    If you are using the full source code for both of the form, then there it is highly possible that they will conflict or will not behave as expected, this is because the same resources are being loaded and called, there are scripts that may also conflict, conflicts does not really necessarily mean that there's an errors. Loading jQuery on the same page will also cause Javascript conflicts, if you want, you can use jQuery's noConflict: https://api.jquery.com/jquery.noconflict/ 

    The only solution that we can suggest is to have the forms on different pages, the on those pages, there shouldn't be any other JS libraries if you want to use the full source code. If it is not possible to avoid using other JS libraries, then you might need to resolve this using the iFrame embed code. 

    If you need to design the form, you can implement a custom CSS code directly on the form itself using the form builder. Here's a guide that you can refer to: 

    You can use the Form Designer Tool to style your form: https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms- 

    You can inject custom CSS code on it to further make advance and specific styling: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

     

    I hope that helps.