必须提交两次ajax表单才能提交

时间:2014-09-06 13:07:16

标签: jquery ajax forms

我有一个简单的AJAX表单,但我必须单击提交按钮两次才能提交尝试很多来自stackoverflow的解决方案似乎没什么工作可以请一些人帮忙

更新

已更改

<button type="submit" class=" btn btn-info btn-large-maxi">LANCEZ L'ANALYSE GRATUITE</button>

<button  class=" btn btn-info btn-large-maxi">LANCEZ L'ANALYSE GRATUITE</button>

现在可以使用感谢提供解决方案的未知评论者

$('#etude-accueil').submit(function(e) {  

    $('#loader').html('<h1 style="margin:auto;text-align: center;">Generating Theme</h1><br><img src="load.gif"   alt="">');
    $(".benifit-result").addClass("ajax-load");

    $.post('/free/forcast/votre-resultats.php', $(this).serialize(), function(data) {


        setTimeout(function() {
            $('.benifit-result').html(data);
            $('#nav-buy').html("<a id='promo-button' href='pay.php'  class='btn btn-info btn-large-maxi pull-right'   >Buy Template</a>");
            $('#navigation').html("<a href='pay.php' id='mobile-nav'  class='btn btn-info btn-large-maxi '   >Buy Template</a>");

        }, 7000);
    });


    e.preventDefault();

});

jQuery.ajaxSetup({
    beforeSend: function() {

        $('#loader').show();


    },
    complete: function() {
        setTimeout(function() {
            $('#loader').hide();
        }, 7000);
        setTimeout(function() {
            $(".benifit-result").removeClass("ajax-load");
        }, 7000);
    }
});

0 个答案:

没有答案