将表单张贴到MailChimp,但显示动态成功页面
Post form to MailChimp, but display dynamic success page
我正在处理一个MailChimp订阅表单,该表单需要将表单$_POST数据发送到MailChimp,但实际上不加载成功页面。也就是说,我希望它在提交时加载自定义JS。这就是我到目前为止所拥有的。显然,preventDefault
正在破坏提交。任何想法都将不胜感激:
<!-- Begin MailChimp Signup Form -->
<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
</style>
<form action="http://yourmove.us5.list-manage.com/subscribe/?u=00000444444333331&id=aaa111444iiii" method="POST" id='mc_embed_form'>
<div id="mc_embed_signup">
<h3>Subscribe to <em>Our Newsletter/em> for your free download:</h3>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" novalidate></div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function(){
$("#mc_embed_form").submit(function (){
event.preventDefault();
showConfirmation();
});
});
function showConfirmation() {
alert("successful");
}
</script>
如果函数中缺少一个参数,请尝试以下参数:
$(document).ready(function(){
$("#mc_embed_form").submit(function (event){
event.preventDefault();
showConfirmation();
});
});
相关文章:
- 动态显示JSON文件内容
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- Highcharts:根据表单输入动态显示数据
- ImageMapster可以动态显示和隐藏图像选择崩溃
- AngularJS动态显示多条记录
- 动态显示/添加具有不同字段的相同表单到页面
- 在轨道上的 Ruby 文本字段中动态显示数据
- 使用 Node.js 和 socket.io 和 fs 动态显示图像
- 在两列中动态显示产品
- 根据条件使用ng repeat动态显示输入复选框
- 动态显示元素上的JavaScript触摸端;不要开火
- Bootstrap动态显示PopOver
- 从本地存储中删除动态显示在
- 中的项目
- 单击时动态显示数据库信息
- 动态显示实时高图表数据,无需警报
- 隐藏信息窗口标记并动态显示
- 尝试使用 Angular 动态显示模型
- 在 javascript 中动态显示一个带有换行符的警告框
- PHP、MySQL 和 Ajax:动态显示默认数据、选择现有数据或添加新数据
- 动态显示和隐藏元素