JQuery представить обработчик с JQuery проверки и JQuery формы АЯКС только вызывается каждый второй раз

Question

У меня есть следующий код

jQuery(function() { 
     jQuery("#newForm").validate({ 
      rules: { }, 
      submitHandler: function(form) { 
       alert("Submitting") 
       jQuery("#submitButton").attr('disabled', true) 
       jQuery("#sendWrapper").append('<span><img src="{{ STATIC_URL }}img/loading.gif"></span>') 
       jQuery(form).ajaxSubmit({ 
        success: afterFormSubmit, 
        target: "#ajaxwrapper" 
       }); 
      } 
     }); 
}); 

Я нахожу, что обработчик только вызывался каждый первый, третий, пятый, седьмой когда нажата кнопка отправки (ответ в значительной степени похож на HTML-код формы с вставками ошибок и т. д.).

Однако изменение функции на обработчик onclick работает каждый раз.

Answer 1

Это должно хорошо работает:

jQuery(function() { 
     jQuery("#newForm").validate({ 
      rules: {}, 
      submitHandler: function(form) { 
       alert("Submitting") 
       jQuery("#submitButton").attr('disabled', true) 
       jQuery("#sendWrapper").append('<span><img src="{{ STATIC_URL }}img/loading.gif"></span>') 
       $.ajax({ 
        cache: false, 
        type: 'POST', 
        data: ("#newForm").serialize(), 
        url : '/ your-url-address-to-post-form /' 
        success: function (html) { 
         alert('done'); 
        }, 
        error: function(data, textStatus, jqXHR) { 
         alert('error') 
        } 
       }); 
      } 
     }); 
});​