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.
jquery.min.js Conflict with webformAsked by buddharide on July 11, 2014 at 02:03 AM
I have a conflict between
This is a popup window with a form. If I don't load the jquery.min.js, your form works well.
Thanks in advance for your help.
static thanks max
Here's the simplest solution:
1. Add this line after the jquery's script tag:
2. Then change all instances of "$" to "jQuery" in your own js files (not in jquery.min.js but wherever you used jquery).
Please let us know if you have anymore questions.
Thank you for your very quick response. I tried this solution, and the form data is still not being sent, and the user isn't being re-directed to the Thank you page after filling out the form:
Mahalo for your help.
Can you please try embedding your form with the iFrame embedded method?
This will not conflict with anything on your page, let us know what happens, we will be glad to assist you.
I'm sorry, but I cannot use the iframe because the style of the form does not match the design provided by our designers. If you look at the source for our page, you will see that all the extranius code has been removed. The form works fine this way when it's not conflicting with the jquery.
Did I apply the noConflict in the right section of the page?
I just checked your site and the problem seems to be the submit button. It's not the standard button we provide and the onclick action is what causes the problem here.
May I ask if this was a change you did or was this the code you received?
I'm guessing that snipplet is for form validation, which you can do in Jotform without changing anything in our markup, except for validating the area code seperately.
Can you please try embedding your form again with the same embed method and without changing the markup? We can quickly help you retain the same look once we get it working.
Thanks for your help. I've embedded the form again, and it stilldoes not work. Any help is much appreciated
For the noconflict to work it needs to be included in the script causing conflict. Not as a standalone script as you have it in your code. So it would be like:
// form code here minus the script tags
The code you have entered between the script brackets will only use the variables within those brackets and greatly reduce errors. When I looked at your code the line looked like this:
Please let us know if this does help and we will be happy to assist you further.
Thank you for using Jotform!
I'm sorry, but I don't understand what you mean. Your script appears to be conflicting with Google's jquery.min.js.
Mahalo for your support.
From what I understood the noConflict() Method is used inside the script where we want to stop using the sign $. You can see here an example.
Please let us know if further support is needed.
So how should the script on my page actually read?how do I insert the noConflict. Can you please provide an example how it would work on my page.
I'd really like to use jot form, but I don't know how to use this on my page.
Will check this and get back to you later today. Thanks