1

我试图阻止这个 JQuery POST 调用提交两次。尝试了几种不同的 unbind 变体，但并不完全理解。

我见过类似的问题，但他们只声明使用 unbind，而不是为什么或如何用于不同的场景。

$('.submit').click(function(){
    if (error != 1 && submitted != 1 && emailError != 1) {
        $(this).css('cursor', 'default');
        $(this).fadeTo(0, 0.50);
        submitted = 1;
        if($(this).parents('form').hasClass('ajaxSend')) {

            var url = $(this).parents('form').attr('action');

            var fields = {};
            $(this).parents('form').find(':input').each(function(){
                var name = $(this).attr('name');
                var value = $(this).val();
                fields[name] = value;
            });

            $.post(url, fields).done(function(data){
                $(".statusMessage").html(data);
                $('.modal, .modalClose').css('margin-top' , 120 + $(document).scrollTop() + 'px');
                $('.modal, .modalClose').hide();
                $('.statusMessage, .modalClose').fadeTo('fast', 1);
                $('.modalCover').fadeTo('fast', 0.80);
            });

            $('.submit').unbind('click').submit();
            return false;

        }
    }
});
4

2 回答 2

1

禁用提交按钮怎么样！

$('#form').submit(function(){

   var button = $('#submit');

   $.ajax({
     url: '',
     type: 'post',
     dataType: 'html',
     success: function(data){
       // if OK
       button.prop('disabled',false);
     },
     beforeSend: function(){
         button.prop('disabled',true);
     },
     error: function() {}

   });

   return false;

});
于 2013-09-10T14:18:21.900 回答
0

您应该在表单提交上执行此操作，而不是单击按钮：

$("#my-form").on('submit', function(e){

  //do ajax stuff

  e.preventDefault(); //Stop form submitting via browser default functionality
});
于 2013-09-10T14:12:35.080 回答