注意到submitHandler
的代码在几个地方被使用,并试图重构它。
var validator = $("#form_id").validate({
errorClass: "ui-state-error",
submitHandler: function(form) {
jQuery(form).ajaxSubmit({
dataType: 'json',
success: function(entity) {
//dostuff
},
error: function(errors) {
validator.showErrors(errors);
}
});
}
});
我使用上面的代码并将submitthandler提取为如下的函数;
$("#generated_form_id").validate({
errorClass: "ui-state-error",
submitHandler: bindSubmitHandler(formId)
}
});
function bindSubmitHandler(formId){
return function(form) {
jQuery(form).ajaxSubmit({
dataType: 'json',
success: function(object) {
//do stuff
});
},
error: function(errors) {
validator.showErrors(errors); //throws an exception
}
});
}
}
此代码抛出异常,因为验证器对象未定义。
我自己的推理可能是错误的如下:我不能存储变量,因为表单是动态创建的。一个页面可以使用同一个bindSubmitHandler
函数创建十个这样的表单。我考虑过通过表单获取验证器的解决方案,但在验证器API中找不到任何这样的方法。如果有这样的方法,我可以这样写:$('#formid').getValidator().showErrors(errors);
有人有解决这个问题的办法吗?
validate()
返回验证器。
使用.data()
将验证器附加到表单上,使用bindSubmitHandler
检索它。
难道你不也想传递success
和可能的error
处理程序吗?