HTML表单操作和mailerlite电子邮件提交

时间:2017-01-16 12:27:16

标签: javascript jquery html ajax forms

我已经在mailerlite中创建了一个webform,然后我尝试将它集成到我网站主页的一个部分,所以我创建了一个html表单:

<form class="ml-block-form" action="//app.mailerlite.com/webforms/submit/myownID" data-code="myownID" method="POST" target="_blank">
    <div class="form-group ml-field-email ml-validate-required ml-validate-email">
        <input class="newsletter-email" type="email" name="fields[email]" placeholder="Email*"/>
    </div>
    <input type="hidden" name="ml-submit" value="1" />
    <p>
        <input class="newsletter-submit" type="submit" value="Get Updates!"/>
    </p>
</form>

而且,我已经使用了这些javascript代码:

    <!-- MailerLite Universal -->
<script>
    (function(m,a,i,l,e,r){m['MailerLiteObject']=e;function f() {
        var c={a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
        f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
        var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?'+(~~(new Date().getTime()/10000000));
        _.parentNode.insertBefore(r,_);})(window, document, 'script', 'http://static.mailerlite.com/js/universal.js', 'ml');

        var ml_account = ml('accounts', 'MyAccountID', 'MyWebformID', 'load');
</script>
<!-- End MailerLite Universal -->

和:

<script type="text/javascript" src="//static1.mailerlite.com/js/w/webforms.js?v15"></script>

现在的问题是,当有人输入他的电子邮件点击提交按钮时,他的电子邮件保存在mailerlite中订阅者数据库成功但新标签页打开,提到的网络表单再次出现
我不希望它打开一个新标签,我只想将提交按钮转换为为旋转图标,然后几秒后它&#39 ; s文本转换为&#34; 您已成功订阅&#34;。
我该如何解决这个问题?

0 个答案:

没有答案