我在我正在处理的网页上创建了一个自定义Mailchimp注册表单。一切都很好,但我不喜欢如何提交,表单重定向到一个新的选项卡,其中有一条来自Mailchimp的消息,声明您已加入邮件列表。我想知道是否有可能阻止这种重定向,也许只是最多显示一些谢谢弹出消息。如何防止自定义Mailchimp表单重定向提交?
HTML:
<form action="//gohrvst.us11.list-manage.com/subscribe/post?u=b96980cf3047250aab16b3c44&id=e6441c7cba" id="subscribe" method="POST" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<label for="mail">SIGN UP FOR OUR MAILING LIST</label>
<p class="form-status-text"></p>
<!-- /.form-status-text -->
<div class="form-controls no-border">
<div class="form-group no-border">
<input type="hidden" name="side" value="creativeagency" class="no-border" />
<input type="email" id="mail" name="MERGE0" value="ENTER EMAIL ADDRESS" class="subscribe-field no-border" required data-validation-type="['presence', 'email']" onblur="if (this.value == '') {this.value = 'ENTER EMAIL ADDRESS';}"
onfocus="if (this.value == 'ENTER EMAIL ADDRESS') {this.value = '';}">
</div><!-- /.form-group -->
<button type="submit" class="subscribe-btn" id="subscribe-button">
<div class="subscribe-btn-svg">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 64.57" class="subscribe-btn-svg"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Asset 9</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M4,36.28H66.34L44.89,57.74a4,4,0,1,0,5.66,5.66L78.83,35.11h0a4,4,0,0,0,.5-.61c.07-.1.11-.21.17-.31a3.85,3.85,0,0,0,.2-.37,3.65,3.65,0,0,0,.13-.41c0-.11.08-.22.1-.33a4,4,0,0,0,.08-.79h0a4,4,0,0,0-.08-.77c0-.12-.07-.23-.1-.35a3.58,3.58,0,0,0-.12-.4,4,4,0,0,0-.21-.4c-.05-.1-.1-.2-.16-.29a3.88,3.88,0,0,0-.5-.61L50.54,1.17a4,4,0,1,0-5.66,5.66L66.34,28.28H4a4,4,0,0,0,0,8Z"/></g></g></svg>
</div>
</button>
</div>
</form>
我不熟悉,MailChimp,但它看起来像你对我应该能够通过JavaScript函数发送POST数据并避免重定向。但是这会违反MailChimp的TOS吗? – freginold
使它与ajax和jquery函数 –
请显示一个[mcve](包括你的JS代码) – ochi