Multiple forms on one page, all submit?

I've got Chronoforms embedded in the following page. Each form is a different form in the backend, but when I submit one, both submit. How can I prevent both submitting? The page shows a list of K2 items, with the plugin used to render the forms

http://www.petersencreative.com/us/vacancies

Hi petersen ,

Looking the page source, both forms have the same action url (taken from the page URL). Try turning the Relative URL setting off in the form General tabs and see if that fixes the problem.

Bob

Sorted thanks!

Hi petersen,

which Chronoforms version do you have ? I have 2 forms in the same page here and they don't submit each other, because each form should have a different "chronoform" parameter in the action url.

Regards,
Max

Hi Max,

4.0 RC1.9

Hi petersen,

Please upgrade to CFv4 RC3.3 as there have been a string of improvements and bug-fixes since RC1.9

Bob

Hello!
I'm using the 4.0.1 component version and I've published two forms on the same page.
When I try to submit first form - the form validation is engaged: the JS checks if inputs are rightly filled. But when I try to submit second form - no JS check is running and I got redirected to this URL:

index.php?option=com_chronoforms&chronoform=Form_name&event=submit

As I'd press "test form" button.
I've turned off Relative URL to both forms - no luck.
Should I change the action URL parameters? I haven't found this option.
Thank you!

Hi 01,

Just checking, the forms do have different names?

Please post a link to the form so I can take a quick look.

Bob

Hi!
Yes, they do have different names.
the demo-website is found here:
http://www.kuzma.tk/
left column: first and second form
Thank you!

Hi 01,

I find it hard to see exactly what is happening. I got errors when I submitted the forms but they seemed to submit to the correct URLs.

I don't see JavaScript validation working at all but there are several errors on the page form JQuery and the FaceBook plug-in.

Bob

Hi, Bob!
Thank you for your help!
Very strange, the JS validation is working with first form, here is the screen-shot:
[attachment=0]form_1.png[/attachment]

And I haven't found the Jquery errors with Firebug. You found them with that tool?
Thank you!

Hi Bob!
I've been looking for an error for this days.
The JS from social net isn't affecting the chronoforms.
My two forms are wrapper into conainers also I've changed their ID's. But this haven't changed something.
Then I made two additional forms - and I see that they do work.
No I will try to rewrite from scratch my old two forms and see what happens.
But at this moment I see only one difference - the containers... Could they break the submission? I'll try to rebuild forms without containers.

Hi 01,

Containers shouldn't make a difference, I use them a lot and haven't seen any particular problems.

Bob

Hi!
Understood, now I'm rebuilding old forms. Will see if something will change... I will informs about results

Hi, Bob!
I've made a step forward. The problem was that I've loaded a JS with responsive CSS two times(for the first form and second). Very strange, because while I was debugging the code I also have deleted this code several times. Probably haven't observed it...

But still it's not working properly😟 Once the form is filled correctly with captcha code I receive: the thank you message and error in form saying that I've filled the wrong captcha code. As I understand there is a problem with data submission.


Also when captcha code filled wrongly - the form is rendered in the main component place replacing the main content...

I'm using only a common custom JS validation check to "name" fields in order to allow only permitted chars. But it can't make any impact, cause it's not participate in data submission.


UPD1. With error but first form sends filled data by email...
Second - rejected with third party service error code, saying that not all data was sent to service... Now I've disabled the third party service temporary


UPD2. Also I've used this FAQ:
http://webcache.googleusercontent.com/search?q=cache:PYc5DBennnQJ:www.chronoengine.com/faqs/view/2653/how-can-i-show-a-thanks-message-if-i-use-the-plug-in-or-module.html+&cd=1&hl=ru&ct=clnk&gl=lt

But it haven't helped me.
Forms has this Events:
[attachment=2]form_1.png[/attachment]
[attachment=1]form_2.png[/attachment]

The result after "successful" form submission:
[attachment=0]result.png[/attachment]