将2个表单放在同一页上的最佳方法是什么?

时间:2019-03-16 03:16:48

标签: ajax forms shopify

在同一页上放置2个相同表单,但对每个表单使用相同表单动作和字段的最佳方法是什么?如何将响应消息保存在提交数据的相应表单区域中?

我在网站的页脚中有一种表单,而在网站首页上的弹出窗口中有一种表单。我使用隐藏的div和Magnific打开弹出窗口,其中包含位于页脚中的表单中的相同代码。本质上,这两种形式都执行相同的操作,并利用相同的形式动作。

我无权访问表单操作或表单操作页面中的代码。

当前,存在于同一“页面”上的表单没有问题,但是当我在一个表单上提交电子邮件时,错误和成功消息同时显示在弹出表单和页脚表单中。

我已经读到这可能与ajax有关,但是出于完整性考虑,我想确保在继续学习之前,我正在使用html表单做我能做的事情。为此使用ajax。

1 个答案:

答案 0 :(得分:1)

遗憾的是,目前尚无很好的html / liquid解决方案。

唯一的方法是使用cookie,以保存提交的表单的信息,并仅显示该表单而不是两个表单的错误消息。

AJAX并不是一个好的解决方案,因为当您多次提交表单时会使用Google Recaptch-a,这在a **中是很痛苦的,因为无法禁用它,并且如果您无法使用该表单,它将失败尝试使用Ajax提交。

最简单的解决方案是使用cookie,另一种选择是依靠APP来实现,但这可能是一个过大的选择。

Shopify中的表单是...如何很好地表达它...愚蠢的...基本的...对开发人员不友好或只是不以任何方式进行调整(前端除外)。< / p>

相关问题