入力フィールド データを Weber リストに渡すのに問題があるサインアップ フォームがあります。
送信はページをリロードせずに同じウィンドウで行われ、ブラウザー ウィンドウの下部に、サーバーが Weber URL に接続しているのにデータが通過していない様子が表示されます。
現在使用しているhtmlフォームコード:
<iframe id="AweberFormSubmitFrame" style="display: none" name="AweberFormSubmitFrame" src="about:blank"></iframe>
<form method="post" action="http://www.aweber.com/scripts/addlead.pl" class="firstFom" target="AweberFormSubmitFrame" id="formularioaweber">
<input type="hidden" name="meta_web_form_id" value="79676xxxx"/>
<input type="hidden" name="meta_split_id" value=""/>
<input type="hidden" name="listname" value="tizona_prosp"/>
<input type="hidden" name="redirect" value="#" id="redirect_060b3473249d14423a8ed1bb376cdca8"/>
<input type="hidden" name="meta_adtracking" value="Tizona_Joyas_Prospectos"/>
<input type="hidden" name="meta_message" value="1"/>
<input type="hidden" value="email"/>
<input type="hidden" name="meta_tooltip" value=""/>
<div class="emailinput" >
<input type="email" value="" name="email" id="awf_field-44988808" placeholder="Ingrese Su Email" required>
</div>
<div class="submitinput">
<input type="submit" value="enviar" id="enviar">
</div>
</form>
さて、これはフォームが送信された後にスタイルを変更するコードです:
$(function (){
$( "#formularioaweber" ).submit(function( event ) {
//alert( "Handler for .submit() called." );
//alert($('input#awf_field-44988808').val());
var a = $('#awf_field-44988808').val();
$("#success-message").removeClass('display-none');
// alert(a);
$('#awf_field-44988808').val('');
$('#enviar').css({"background-color": "grey"});
$('#enviar').val('PROCESADO');
$('#enviar').attr('disabled','disabled');
$('#awf_field-44988808').attr('placeholder', 'Catalogo enviado a '+a);
$("#awf_field-44988808").attr('disabled','disabled');
});
});
これは、aweber.com との接続が確立される前にフォーム フィールドがリセットされるために発生すると考えられます。これは私の推測です。
注: jquery コードを省略すると、フォームは正常に機能します。