Как лучше всего разместить 2 формы на одной странице? - PullRequest
0 голосов
/ 16 марта 2019

Каков наилучший способ разместить 2 одинаковые формы на одной странице, , но использовать одно и то же действие формы и поля для каждой формы ?Как я могу хранить ответные сообщения в соответствующей области формы, из которой были отправлены данные?

У меня будет одна форма в нижнем колонтитуле моего сайта и одна форма во всплывающем окне на главной странице моего сайта.,Я использую скрытый div и Magnific, чтобы открыть всплывающее окно, содержащее тот же код из формы, которая находится в нижнем колонтитуле.По сути, обе формы делают одно и то же и используют одно и то же действие формы.

У меня нет доступа к действию формы или коду на странице действия формы.

В настоящее время формы, существующие на одной и той же "странице", не являютсяпроблема, но когда я отправляю электронное письмо в одной форме, сообщения об ошибках и успехах появляются как во всплывающей форме, так и в форме нижнего колонтитула.

Я читал, что это возможно сделать сajax, но для полноты картины я хочу убедиться, что я создаю, что я делаю все, что могу с формой html, прежде чем перейти к изучению ajax для этого.

1 Ответ

1 голос
/ 16 марта 2019

К сожалению, для этого нет подходящего решения html / liquid.

Единственный способ - использовать файлы cookie для сохранения информации о том, какая форма была отправлена, и отображать сообщение об ошибке только для этой формы вместо двух.из них.

AJAX не является хорошим решением из-за Google Recaptch-a, когда вы отправляете форму более одного раза, что является настоящей болью в a **, поскольку нет возможности отключить ее иФорма не будет выполнена, если вы попытаетесь отправить ее с помощью ajax.

Самое простое решение - использовать куки, другой вариант - использовать приложение для этого, но это может быть излишним для этого.

Формы в Shopify - это ... как бы это выразиться ... глупо ... просто ... не подходит для разработчиков или просто не создано для каких-либо изменений (исключая интерфейс).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...