2012-09-10 5 views
0

$ _POST 데이터를 MailChimp로 보내야하지만 실제로 성공 페이지를로드하지 않아야하는 MailChimp 가입 양식을 작성 중입니다. 나는. 제출시 사용자 정의 JS를로드하려고합니다. 이것은 내가 지금까지 가지고있는 것이다. 분명히 preventDefault이 제출을 위반하고 있습니다. 어떤 생각이 크게 감사합니다 : 당신은 함수에 매개 변수를 누락MailChimp에 양식 게시, 동적 성공 페이지 표시

<!-- 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> 

답변

0

이 하나를 시도해보십시오 : 팁을위한

먼저
$(document).ready(function(){ 
    $("#mc_embed_form").submit(function (event){ 
      event.preventDefault(); 
      showConfirmation(); 
    }); 
}); 
+0

, 감사합니다. 그러나 이것은 여전히 ​​JS를 실행하는 것처럼 보이지만 실제로 MailChimp에 양식을 제출하지는 않습니다. –

+0

AJAX 등으로 제출해야합니다. 여기서 한 가지 솔루션을 볼 수 있습니다. http://stackoverflow.com/questions/8425701/ajax-mailchimp-signup-form-integration – Codeforest

+0

도움 주셔서 감사합니다. –

관련 문제