Form inputs don't work in modal like they do in a regular text element

[fxground]

I have one form in a modal, and another in a normal text element. Same code. one won’t let you submit, the other will.

Modal = Invalid email address

On-page= Works.

Secure note for details. ty

[ruenel]

Hello @fxground,

Thanks for writing in! Please remove the Form on the page because when the validation happens it checks the form you added on the page and not on the modal content.

Kindly let us know how it goes.

[fxground]

Thanks, so as a rule of thumb - only one form per page, and then use buttons via internal links to redirect users to that form ? BTW, tested and your correct it works.

If i have that one form as a component, could i then use it multiple times on the page? -> my test says this would be the same issue…

Just wondering how i could get 2 forms on one page using models … for long form sale pages…

[ruenel]

Hello @fxground,

Even if you have added the form as a component, each of the fields has a name and class. Having multiple forms on a page, as soon as the form validation is initiated, it will look for the field names and classes. When it sees a field with no email entry, it will still return an invalid email even if you have inserted already correct information in one of the forms. The other form having the same name and classes are empty.

You may be able to have 2 forms on a page as long as those two forms are not the same. They must be two completely different forms.

Best Regards.