Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用输入发送电子邮件+;按钮+;JS脚本和Mailchimp_Javascript_Html_Forms_Validation_Mailchimp - Fatal编程技术网

Javascript 如何使用输入发送电子邮件+;按钮+;JS脚本和Mailchimp

Javascript 如何使用输入发送电子邮件+;按钮+;JS脚本和Mailchimp,javascript,html,forms,validation,mailchimp,Javascript,Html,Forms,Validation,Mailchimp,我有以下html代码: <div class="oana" data-wow-delay="500ms"> <div class="bg-overlay bg-pink opacity-7"></div> <form class="search-box position-relative bg-change">

我有以下html代码:

    <div class="oana" data-wow-delay="500ms">
         <div class="bg-overlay bg-pink opacity-7"></div>
              <form class="search-box position-relative bg-change">
                        <h5 class="color-white font-weight-600 text-capitalize mb-3">Newsletter</h5>
                        <p class="color-white newsletter-para mb-4"> Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
                        <div class="input-group">
                           
       <input type="email" class="form-control" placeholder="Enter email..." required>
       <button type="submit" class="search-addon"><i class="fa fa-envelope line-height-35px"></i> </button>
    
       </div>
            </form>
    </div>

新闻稿

前庭拍卖人nunc vitae diam eleifend,位于sollicitudin大教堂内。奎斯克·维塔·索达莱斯·莱克图斯

此外,我还有来自Mailchimp>

<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/db2de4cdb7f3405b9fa0d298f/a3d9fbac0ac1eb37d0633a6d0.js");</script>
!函数(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(文档,“脚本”,”https://chimpstatic.com/mcjs-connected/js/users/db2de4cdb7f3405b9fa0d298f/a3d9fbac0ac1eb37d0633a6d0.js");

有谁能告诉我如何将这个JS脚本集成到表单中,从而使电子邮件工作得非常好。因为我把这个脚本放在之前,所以我检查了连接,虽然没有问题,但是通讯仍然不起作用。

首先,你不再需要这个JS脚本,它只是为了你注册后在setup mailchimp上建立的连接。您必须遵循以下两个简单步骤:

第一步:登录mailchimp.com,进入“注册表单->嵌入表单”部分

例如,请参见此图:

第二步。默认情况下,您可以将mailchimp代码复制到html页面上的任何位置

但是如果你已经有了一个表单,就像我已经有了一个表单一样,你必须记住/遵循mailchimp代码中的4行:
  <div class="oana" data-wow-delay="500ms">
            <div class="bg-overlay bg-pink opacity-7"></div>
             <form action="https://neculaifantanaru.us1.list-manage.com/subscribe/post?u=db2de4cdb7f3405b9fa0d298f&amp;id=e55f160948" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="search-box position-relative bg-change" target="_blank" novalidate>
                <h5 class="color-white font-weight-600 text-capitalize mb-3">Newsletter</h5>
                <p class="color-white newsletter-para mb-4"> Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. My website is https://neculaifantanaru.com </p>
                <div class="input-group">

      <input type="email" name="EMAIL" id="mce-EMAIL" class="form-control" placeholder="Enter email..." required>
      <button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="search-addon"><i class="fa fa-envelope line-height-35px"></i> </button>

                </div>
            </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>