javascript - 当我在 Mailchimp Opt in Form 上点击提交时没有任何反应

Question

我正在尝试在我的博客网站中添加一个可选的 Mailchimp 表单 这是我的博客: https://ahoycollege.blogspot.com/ 这是我添加到帖子中的代码

     <hr />
    <!-- Begin MailChimp Signup Form --> <link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet">
</link><link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"></link>
<br />
<center>
<div id="mailchimp">
<form action="http://blogspot.us15.list-manage.com/subscribe/post u=68ae6aa50c0574fa1460be555&amp;id=cf51777197" class="validate" id="mc-embedded subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<span data-redactor-style="font-family: 'Lily Script One', cursive; " style="color: #57627c; font-family: &quot;lily script one&quot; , cursive; font size: 25px;"> Join the Fun!</span></div>
</form>
<span style="color: #c32b40; font-family: &quot;quicksand&quot; , sans serif;"> <span c92a3e="" e=""> Get Access to the AC Resource Library with just one click!</span></span>
</div>
<br />
<input class="" id="mce-FNAME" name="FNAME" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="text" value="*Your First Name" /><br />
<br />
<input class="required email" id="mce-EMAIL" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="email" value="*Email Address" /><br />
<br />
<input class="" id="mce-FBID" name="FBID" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="text" value="Facebook ID URL" />
  <br />
 <div class="clear" id="mce-responses">
<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-->
<br />
<div aria-hidden="true" style="left: -5000px; position: absolute;">
<input name="b_68ae6aa50c0574fa1460be555_cf51777197" tabindex="-1" type="text" value="" /></div>
<input class="button" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Count me In!" /></center>
<!--End mc_embed_signup-->

这是我使用的 CSS 样式:

  #mc_embed_signup_scroll h2 {
font-size: 15px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;

 }
.mc-field-group {
margin-bottom: 8px;
}
input#mce-FNAME, input#mce-EMAIL, input#mce-FBID {
border: 1px solid #7ACCCD;

padding: 12px;
font-size: 14px;
 }
#mc-embedded-subscribe {
background: #C8E8E8;
width: 21%;
font-size: 15px;
letter-spacing: 2px;
margin-top: 8px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
#mc-embedded-subscribe:hover {
opacity:0.7;
color : #B53240
}
#mc_embed_signup {
background: #C8E8E8;
padding: 30px;
}

当我点击提交时，什么都没有发生。

如果代码中有任何我应该修复的错误，请告诉我。 我在 mailchimp 中使用了选择加入的 Naked 形式并对其进行了自定义。

Answer 1

这是因为html格式错误，form标签必须在所有input标签之后关闭。

需要处理表单标签操作。

<form action="http://blogspot.us15.list-manage.com/subscribe/post u=68ae6aa50c0574fa1460be555&amp;id=cf51777197" class="validate" id="mc-embedded subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
   <div id="mc_embed_signup_scroll">
     <span data-redactor-style="font-family: 'Lily Script One', cursive; " style="color: #57627c; font-family: &quot;lily script one&quot; , cursive; font size: 25px;"> Join the Fun!</span></div>

..
..
.. 
..
</form> <!-- form tag close here -->
</center><!--End mc_embed_signup-->

希望这会有所帮助。