jQuery - 埋め込まれたMailchimpフォームの電子メールの送信後に「ありがとうございました」メッセージを追加するには？

Question

私は簡単なMailchimpフォームをランディングページに埋め込みました。ユーザーがメールアドレスを入力した後に戻るようにするための成功メッセージ（「ありがとうございました！」）を取得しようとしています。この仕事をするjQueryを使った単純な関数がありますか？ Mailchimpがリダイレクト成功ページを開けないようにしたいと思います。

これは私が今持っているものです。

$(function(){ 
 
    $(".success-msg").hide(); 
 
    $(".signup").on("click", function(){ 
 
     $(this).next(".success-msg").show(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="newsletter-module" id="mc_embed_signup"> 
 
    <a href="#" class="news-show"><p>Join mailing list</p></a> 
 
    <!-- MC SIGNUP FORM --> 
 
    <form class="signup validate" action="mailchimp-link-here" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" onsubmit="return Validate()"> 
 
     <span class="newsletter-input-wrapper mc-field-group"> 
 
      <input class="input-text required email" id="mce-EMAIL" type="email" value="" name="EMAIL" placeholder="email address" required> 
 
     </span> 
 
     <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div> 
 
     <div id="mce-responses" class="clear"> 
 
      <div class="response" id="mce-error-response" style="display:none"></div> 
 
      <div class="response" id="mce-success-response" style="display:none"></div> 
 
     </div> 
 
     <label> 
 
      <input type="submit" name="subscribe" value="Sign Up" id="mc-embedded-subscribe" class="button"> 
 
     </label> 
 
     <div id="success-msg"><p>Thank you!</p></div> 
 
    </form> 
 
</div> <!-- .newsletter-module -->

Answer 1

はこれを試してみてhttps://jsfiddle.net/hxrzwv63/

$(function(){ 
 
    $("#success-msg").hide(); 
 
    $(".button").on("click", function(){ 
 
     $("#success-msg").show(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="newsletter-module" id="mc_embed_signup"> 
 
    <a href="#" class="news-show"><p>Join mailing list</p></a> 
 
    <!-- MC SIGNUP FORM --> 
 
    <form class="signup validate" action="mailchimp-link-here" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" onsubmit="return Validate()"> 
 
     <span class="newsletter-input-wrapper mc-field-group"> 
 
      <input class="input-text required email" id="mce-EMAIL" type="email" value="" name="EMAIL" placeholder="email address" required> 
 
     </span> 
 
     <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f2d244c0df42a0431bd08ddea_aeaa9dd034" tabindex="-1" value=""></div> 
 
     <div id="mce-responses" class="clear"> 
 
      <div class="response" id="mce-error-response" style="display:none"></div> 
 
      <div class="response" id="mce-success-response" style="display:none"></div> 
 
     </div> 
 
     <label> 
 
      <input type="button" name="subscribe" value="Sign Up" id="mc-embedded-subscribe" class="button"> 
 
     </label> 
 
     <div id="success-msg"><p>Thank you!</p></div> 
 
    </form> 
 
</div> <!-- .newsletter-module -->

これはあなたを助けることを願っています。