Jquery Mailchimp“mce错误响应”创建文本而不是新选项卡_Jquery_Html_Css_Ajax_Mailchimp

Jquery Mailchimp“mce错误响应”创建文本而不是新选项卡

jquery html css ajax

Jquery Mailchimp“mce错误响应”创建文本而不是新选项卡,jquery,html,css,ajax,mailchimp,Jquery,Html,Css,Ajax,Mailchimp,我用的是一个基本的mailchimp表单，看起来像这样 <!DOCTYPE html> <html> <head> <title></title> </head> <body>  <div id="mc_embed_signup"> <form action="http://facebook.us16.

我用的是一个基本的mailchimp表单，看起来像这样

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://facebook.us16.list-manage.com/subscribe/post?u=81d63ae912846f990f5307c84&amp;id=b817e70a9e" 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-FNAME">First Name  <span class="asterisk">*</span>
</label>
    <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
    <label for="mce-LNAME">Last Name  <span class="asterisk">*</span>
</label>
    <input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
</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-JOB">Job Title  <span class="asterisk">*</span>
</label>
    <input type="text" value="" name="JOB" class="required" id="mce-JOB">
</div>
<div class="mc-field-group">
    <label for="mce-INDUSTRY">Industry  <span class="asterisk">*</span>
</label>
    <input type="text" value="" name="INDUSTRY" class="required" id="mce-INDUSTRY">
</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;" aria-hidden="true"><input type="text" name="b_81d63ae912846f990f5307c84_b817e70a9e" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[3]='JOB';ftypes[3]='text';fnames[4]='INDUSTRY';ftypes[4]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

</body>
</html>

关于mce错误响应

如有任何见解，将不胜感激。谢谢

在本地测试代码时打开的选项卡实际上是回退行为。该表单旨在直接在页面上显示验证错误，就像在服务器上测试时一样，但由于加载资源失败错误，无法在本地显示验证错误。这是这一行的结果：

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[3]='JOB';ftypes[3]='text';fnames[4]='INDUSTRY';ftypes[4]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>

因此，由于本地文件找不到脚本，它会返回默认行为，将表单提交到“操作”属性中指定的URL，并在“目标”属性中指定的新选项卡中打开。

当您看到错误时，您的文件中没有包含任何CSS，这与哪个文件有关？是的，没有CSS，它是纯html。在我的浏览器中进行本地测试时会出现此错误。这不符合逻辑，请检查mailchimp weel，您应该复制/粘贴指向CSS文件的链接，否则无法正常工作。这是有意义的。谢谢大家!@拉罗伊，很高兴这有帮助！

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[3]='JOB';ftypes[3]='text';fnames[4]='INDUSTRY';ftypes[4]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>

/**
 *  Grab the list subscribe url from the form action and make it work for an ajax post.
 */