私は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>