JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Two Jot form at the same form not working properly.Asked by eiandy on August 16, 2016 at 01:45 AM
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.
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:
Hope this will help. Let us know if you need further assistance.
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.
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.
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.