Mailchimp регистрационная форма не работает кнопка

Question

подписываться Вот мой JSFIDDLE:

Когда я запускаю этот код, когда я нажмите кнопку подписаться, ничего не произошло.

Я пытаюсь изменить код размещения, но все же я не смог найти ошибку.

<div class='popup'> 
<div class='cnt223'> 
<img src='http://s14.postimg.org/w3j8ay2bh/1440412582_cross_24.png' 
alt='quit' class='x' id='x' /> 
<p> 
<div id="mc_embed_signup"> 
<form action"//wafytech.us11.list-manage.com/subscribe 
/post?u=4cc1d72c9827dd3ef80675e4c&amp;id=4d5daa8c14" method="post" id="mc- 
embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" 
target="_blank" novalidate> 
<div id="mc_embed_signup_scroll"> 
    <h2>Subscribe to our mailing list</h2> 
<div class="indicates-required"><span class="asterisk">*</span> indicates 
required</div> 
<div class="mc-field-group"> 
    <label for="mce-EMAIL">Email Address <span class="asterisk">*</span> 
</label> 
    <input type="email" value="" name="EMAIL" class="required email" id="mce- 
EMAIL"> 
</div> 
<div class="mc-field-group"> 
    <label for="mce-FNAME">First Name </label> 
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME"> 
</div> 
<div class="mc-field-group"> 
    <label for="mce-LNAME">Last Name </label> 
    <input type="text" value="" name="LNAME" class="" id="mce-LNAME"> 
</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> <!-- real people should not fill this in and expect good 
things - do not remove this or risk form bot signups--> 
    <div style="position: absolute; left: -5000px;"><input type="text" 
name="b_4cc1d72c9827dd3ef80675e4c_4d5daa8c14" tabindex="-1" value=""></div> 
    <div class="clear"> 
    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded- 
subscribe" class="button"></div> 
    </div> 
</form> 
</div> 
<br/> 
</p> 
</div> 
</div> 

Answer 1

Ошибка в том, что вы загрузили http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js, прежде чем документ завершит загрузку.

В строке 196, вы следующее:

getAjaxSubmitUrl: function() { 
     var url = $("form#mc-embedded-subscribe-form").attr("action"); 
     url = url.replace("/post?u=", "/post-json?u="); 
     url += "&c=?"; 
     return url; 
    }, 

Это дает мне ошибки на url = url.replace("/post?u=", "/post-json?u=");, потому что $("form#mc-embedded-subscribe-form") не может извлечь правильный элемент из-за этого документа не загружен. Как следствие, .attr("action") вернет undefined. Попробуйте добавить прослушиватель событий .ready ко всему коду.

Также, правильный путь $("#mc-embedded-subscribe-form").

---

Чтобы добавить на что, у вас есть это на HTML:

<form action"[...]"> 

Вы забыли = между action и его значение. Он должен выглядеть следующим образом:

<form action="[...]"> 

Обратите внимание на = там!