2017-09-25 7 views
0
私はそれが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フォームを使用してい

テキストを作成..私はこれをブラウザでローカルにテストして、期待通りに動作し、次のような新しいタブを作成します:enter image description here

しかし、この全く同じコードをサーバーに置くと、この新しいタブはテキストの行としてレンダリングされますこのように見えるenter image description here

以前このような行動に気付いた人はいますか?ページを検査する際に持続するエラーは、任意の洞察力が理解されるであろう

「MCEエラー応答」に関しては、この

Failed to load resource: net::ERR_FILE_NOT_FOUND 

あります。ありがとう!

+0

あなたのファイルにはCSSが含まれていません –

+0

エラーが表示されたら、どのファイルが関係していますか? –

+0

はい、CSSはありません。まっすぐなHTMLです。このエラーは、ブラウザでローカルにテストするときに表示されます。 – laroy

答えて

1

コードをローカルでテストするときに開くタブは、実際にはフォールバックの動作です。このフォームは、検証エラーをサーバー上でテストするときのようにページに直接表示することを目的としていますが、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属性で指定された新しいタブで開きます。

+0

これは意味がある。ありがとうございました! – laroy

+0

@laroyうれしかったよ! –

関連する問題