我在一个页面上有2个Mailchimp表单，用于不同的列表。 Mailchimp javascript仅适用于其中一个。有办法解决这个问题吗？

Question

这是表格的放置方式：

<div class="container">
<div class="row ">
    <div class="col-lg">
        <div id="mc_embed_signup">
        <form>
        </form>
        </div>
        <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    </div>

    <div class="col-lg">
        <div id="mc_embed_signup">
        <form>
        </form>
        </div>
        <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    </div>
</div>

javascript应该阻止另一个mailchimp页面打开，而是让注册发生在嵌入表单的页面上。它只适用于第一种形式，但不适用于第二种形式。

我假设这是因为两个表单具有相同的ID，但我不知道是否可以更改ID。链接的JavaScript根本没有格式化，我无法读取它。

我尝试将第二个表单放入iframe，这样可行，但格式化很糟糕。即使我删除了边框和滚动条，表单的大小也是错误的，并且不适合页面设计。

有没有办法优雅地解决这个问题？