為什么我必須在頁面中禁用javascript才能看到mailchimp表單正常工作？

Question

我正在嘗試將托管在另一個域中的mailchimp表單添加到我的新頁面，並且只有在關閉javascript的情況下才能提交訂閱？

我不知道為什么會在什么情況下發生此問題？ 因為我的表單在這里非常適合。

編碼

 (function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[8]='MMERGE8';ftypes[8]='text';fnames[3]='MMERGE3';ftypes[3]='text';fnames[4]='MMERGE4';ftypes[4]='text';fnames[5]='MMERGE5';ftypes[5]='text';fnames[6]='MMERGE6';ftypes[6]='text';fnames[7]='MMERGE7';ftypes[7]='text';}(jQuery));var $mcj = jQuery.noConflict(true); 

 <link href="http://cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup { background:#fff; clear:left; } #mc_embed_signup form { padding: 20px 0px 0px 0px } #mc_embed_signup .button { border-radius:0px!important; background:#fff; color:#282828; padding: 15px 0px 0px 0px; height: 50px; font-size: 11px; } #mc_embed_signup .button:hover { background:#fff; color:#d2c6af; } #mc_embed_signup .mc-field-group input { border-radius:0px!important; border-top:0px!important; border-left:0px!important; border-right:0!important; border-bottom: 1px solid #ccc; max-width:250px!important; } #mc_embed_signup .mc-field-group input:focus { border-bottom: 1px solid #282828; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { font-size: 11px; margin: 0px 0 0em 0;padding: 5px 0px; } </style> <div id="mc_embed_signup"> <form action="http://www.domaine.us2.list-manage.com/subscribe/post?u=67c8e1302463c1a5125704ad4&amp;id=0e0ead4532" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <div class="indicates-required"></div> <div class="mc-field-group"> <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email*"> </div> <div class="mc-field-group"> <input type="text" value="" name="MMERGE8" class="" id="mce-MMERGE8" placeholder="Last Name"> </div> <div class="mc-field-group"> <input type="text" value="" name="MMERGE3" class="" id="mce-MMERGE3" placeholder="Country"> </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> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_67c8e1302463c1a5773704ad4_0e0eaf4632" tabindex="-1" value=""> </div> <div class="clear"> <input type="submit" value="Subscribe&nbsp;&nbsp;→" name="subscribe" id="mc-embedded-subscribe" class="button"> </div> </div> </form> </div> <script type='text/javascript' src='http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script> 

Answer 1

而不是使用模擬器，請嘗試在您的瀏覽器（尤其是Google chrome）中運行它，然后
右鍵單擊->檢查元素->控制台選項卡
在這里您可以看到錯誤及其行號