带有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的。如果你的答案得到解释,可能会帮助有类似(但不完全相同)问题的人。