带有jQueryValidate和jQueryAjax表单的jQuerySubmitHandler只会每秒调用一次

带有jQueryValidate和jQueryAjax表单的jQuerySubmitHandler只会每秒调用一次,jquery,jquery-forms-plugin,Jquery,Jquery Forms Plugin,我有以下代码 jQuery(function() { jQuery("#newForm").validate({ rules: { }, submitHandler: function(form) { alert("Submitting") jQuery("#submitButton").attr('disabled', true) jQuery("#sendW

我有以下代码

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"
              });
          }
      });
});
jQuery(函数(){
jQuery(“#newForm”).validate({
规则:{},
submitHandler:函数(表单){
警报(“提交”)
jQuery(“#submitButton”).attr('disabled',true)
jQuery(“#sendWrapper”).append(“”)
jQuery(表单).ajaxSubmit({
成功:提交后,
目标:“ajaxwrapper”
});
}
});
});
我发现处理程序只在单击submit按钮的第一、第三、第五、第七次被调用一次(响应几乎只是表单的html,插入了错误等)


但是,每次都可以将函数更改为onclick处理程序。

这应该可以正常工作:

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')
                  }
              });
          }
      });
});​
jQuery(函数(){
jQuery(“#newForm”).validate({
规则:{},
submitHandler:函数(表单){
警报(“提交”)
jQuery(“#submitButton”).attr('disabled',true)
jQuery(“#sendWrapper”).append(“”)
$.ajax({
cache:false,
键入:“POST”,
数据:(“#newForm”).serialize(),
url:“/发布表单的url地址/”
成功:函数(html){
警报(“完成”);
},
错误:函数(数据、文本状态、jqXHR){
警报('错误')
}
});
}
});
});​

我的代码不起作用有什么原因吗?(我对正在发生的事情背后的jquery理论更感兴趣,而不是让它工作起来:s))我是@Taras的。如果你的答案得到解释,可能会帮助有类似(但不完全相同)问题的人。