javascript - Mailchimp 一个列表的多个订阅表格

标签 javascript html forms mailchimp

我在指向一个列表的 html 页面中嵌入了三种不同的自定义 mailchimp 表单(每种表单都有两个相似的字段和一个不同的隐藏字段)。

除一件事外一切正常。响应消息(成功或错误)显示在 div #mce-response 的同一页面中仅适用于第一种形式。在另外两个中,响应被加载并显示在另一个空白页面中。我希望所有三种形式的回复都显示在同一页面中。 我不是 Java Script 用户,但经过一些研究后我发现这与外部脚本有关:

<script type='text/javascript' src='http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>

是否有通过 mailchimp 设置或我们必须使用 JavaScript 文件的解决方案?

我了解到此脚本仅对第一种形式有效。 知道怎么做吗? 谢谢

最佳答案

显然使用 iframe 是可行的。

请引用this文章/视频。

文章中的文字说明:

与其将注册表单嵌入代码页面中的代码粘贴到您的站点,不如将其粘贴到文本文档(使用记事本 (PC) 或 TextEdit (Mac))并将其命名为“signup-form.html”或类似名称那。您可能希望将表单包装在一个 div 中以进行样式设置并添加一些内联样式。所以 HTML 文档看起来像这样:

<style type="text/css">
<!--
lots of CSS to make your form look pretty
//-->
</style>

<div id="sign-up">
at least 50 lines of code copied from MailChimp goes here
</div>

然后将此 HTML 文档(“signup-form.html”或任何您命名的文件)上传到您服务器上的某个位置。

然后为了在页面上嵌入代码(任意多次),您使用 iframe 调用 HTML,如下所示:

<iframe src="http://your-site.com/mailchimp-form.html" frameborder="0" width="654" height="200">
<a href="http://link-to-form-on-mailchimp-site" target="_blank">Anchor text saying "click here to sign up" or something like that for people whose browsers can't read iframes</a>
</iframe>

关于javascript - Mailchimp 一个列表的多个订阅表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27638972/

相关文章:

javascript - 外部 js 文件中的 Asp.Net Mvc Url.Action?

html - 无法清除 float 的 div

php - 将 html/css/js 添加到 mysql 的最安全方法是什么?

javascript - 使用表单元素中的数据集获取 FormData 的内容

javascript - 使用 javascript 提交具有新值的表单。 (MVC)

javascript - HTML Web Audio API - 左右声道的音频可视化

javascript - 总是需要取消动画帧

javascript - 高效地走上 DOM 树,检查 nodeType 和属性?

javascript - fusion-tables,需要帮助从表中获取最新数据并将其插入 map 代码中

从不同文件夹上传 HTML 多个文件