1

入力フィールド データを 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 コードを省略すると、フォームは正常に機能します。

4

0 に答える 0