mailchimp模态集成"下面有错误"使用bootstrap hidden-xs和visible-xs

时间:2016-03-28 02:01:23

标签: javascript html5 forms twitter-bootstrap mailchimp

我在此website上遇到了模态mailchimp弹出式注册表单的问题。 (如果您想多次查看提示,请删除您的Cookie)。

我试图在email之外添加另一个字段,不知怎的,表单停止了提交,所以我恢复了原始代码。然而,在回到原始代码后,弹出窗口显示错误"下面有错误"在用户提交他/她的电子邮件之后。在进一步检查Chrome控制台之后,我注意到如果我完全删除了带有bootstrap的类visible-xs的表单,然后从另一个表单中删除了类hidden-xs,那么它似乎可以清除。

用户现在可以在手机或桌面上提交他/她的电子邮件。但我觉得有些奇怪的事情发生了。 mailchimp是否改变了某些内容并破坏了代码,或者我只是错过了什么?我已将visible-xs注释掉的表单,以便您可以查看view source的时间。

除此之外,我还尝试添加另一个必需的location字段。它允许用户在不选择位置的情况下提交(即使它包含html required属性。任何想法如何在不选择位置字段的情况下确保表单的总结?(这也是当前已注释掉,因此您可以在源代码中看到它。)

也许某人有关于所有这些的最佳做法的提示?知道为什么我必须删除一个表格才能完成整个工作吗?有什么想法更好地编码这种模态形式?让位置字段工作的想法?谢谢!

0 个答案:

没有答案