Mailchimp「MCE錯誤響應」創建而不是一個新標籤

我使用了一個基本的mailchimp形式，看起來像這樣Mailchimp「MCE錯誤響應」創建而不是一個新標籤

<!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>

它是關於基本，因爲它與mailchimp得到文本..當我在我的瀏覽器中進行了本地測試，它的行爲與預期相同，並創建了一個如下所示的新選項卡：

但是，在服務器上放置完全相同的代碼時，將此新選項卡呈現爲一行文本看起來像這樣

有沒有有人注意到這種行爲之前？檢查頁面時仍然存在的錯誤是這樣

Failed to load resource: net::ERR_FILE_NOT_FOUND

在問候「MCE錯誤響應」

任何有識之士將不勝感激。謝謝！

來源

2017-09-25 laroy

您在文件 –

中沒有包含任何CSS，當看到錯誤時，哪個文件關注？ –

是的，沒有CSS，它是直的HTML。此錯誤顯示在我的瀏覽器中進行本地測試時。 – laroy

當您在本地測試代碼時打開的選項卡實際上是後備行爲。該表單旨在直接在頁面上顯示驗證錯誤，就像在服務器上測試時一樣，但由於Failed to load resource錯誤而無法在本地執行驗證錯誤。這是此行的結果：

<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>

通知的src屬性不包括像的協議的「http：」或「https：」。當沒有協議時，它使用protocol of the current page。因此，使用'file：///'協議的本地文件將嘗試查找file:///s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js，該文件不存在。

這驗證腳本包含的代碼從the script節目提交使用AJAX的形式，因爲這樣評論：

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

如此以來，本地文件無法找到腳本，它退到它的默認行爲將表單提交到action屬性中指定的URL，並在target屬性中指定的新選項卡中打開。

來源

2017-09-27 02:33:37

這是有道理的。謝謝！ – laroy

@laroy很高興幫助！ –

Mailchimp「MCE錯誤響應」創建而不是一個新標籤

回答

相關問題