Javascript HTML表单操作和邮件站点电子邮件提交

Javascript HTML表单操作和邮件站点电子邮件提交,javascript,jquery,html,ajax,forms,Javascript,Jquery,Html,Ajax,Forms,我在mailerlite中创建了一个Web表单,然后我尝试将其集成到我网站主页的一个部分中,因此我创建了一个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

我在mailerlite中创建了一个Web表单,然后我尝试将其集成到我网站主页的一个部分中,因此我创建了一个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 -->

(函数(m,a,i,l,e,r){m['MailerLiteObject']=e;函数f(){
var c={a:arguments,q:[]};var r=this.push(c);返回“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,)})(窗口,文档,'script','http://static.mailerlite.com/js/universal.js“,”ml');
var ml_account=ml('accounts','MyAccountID','MyWebformID','load');
以及:


现在的问题是,当有人输入他的电子邮件单击提交按钮时,他的电子邮件保存在mailerlite订户数据库中成功但是一个新的选项卡打开,所提到的网络表单再次出现
我不希望它打开一个新选项卡,我只希望提交按钮被转换成一个旋转图标,几秒钟后它的文本被转换成类似“您已成功订阅”的内容

如何修复此问题?

删除
target=“\u blank”
以阻止新窗口。您是否尝试删除
标记中的
target=“\u blank”
?删除
target=“\u blank”
将导致在当前页面中打开该Web表单,我想在订阅时留在当前网页中,当我成功订阅时,只需提交按钮就可以转换为其他内容……如果mailerlite允许(他们似乎允许),那么这样做的方法是使用JavaScript通过Ajax提交表单。。@AlexK。请将此作为完整答案发送给我好吗?
<script type="text/javascript" src="//static1.mailerlite.com/js/w/webforms.js?v15"></script>