在jquery.validate.unobtrusive中覆盖ErrorPlacement函数的正确方法是什么?
查看jquery.validate.unobtrusive.js脚本,看起来开发人员的意图是允许您通过设置$jQval.unobtrusive.options来应用自己的ErrorPlacement函数.
在定义errorPlacement函数的validationInfo(form)函数中,我们看到对execInContext(“errorPlacement”,arguments)的调用.
看来如果我们在$.validator.unobtrusive.options下创建一个errorPlacement函数,那么就会调用它.
$.validator.unobtrusive.options = { errorPlacement: function () { console.log("hello"); } };
@H_502_14@问题是必须在jquery.validate.js之后和引用jquery.validate.unobtrusive.js之前配置它.否则$jQval.unobtrusive.options为null,并且不会再次设置$form.data(data_validation,result).
function validationInfo(form) { var $form = $(form),result = $form.data(data_validation),onResetProxy = $.proxy(onReset,form),defaultOptions = $jQval.unobtrusive.options || {},execInContext = function (name,args) { var func = defaultOptions[name]; func && $.isFunction(func) && func.apply(form,args); } if (!result) { result = { options: { // options structure passed to jQuery Validate's validate() method errorClass: defaultOptions.errorClass || "input-validation-error",errorElement: defaultOptions.errorElement || "span",errorPlacement: function () { onError.apply(form,arguments); execInContext("errorPlacement",arguments); },invalidHandler: function () { onErrors.apply(form,arguments); execInContext("invalidHandler",messages: {},rules: {},success: function () { onSuccess.apply(form,arguments); execInContext("success",arguments); } },attachValidation: function () { $form .off("reset." + data_validation,onResetProxy) .on("reset." + data_validation,onResetProxy) .validate(this.options); },validate: function () { // a validation function that is called by unobtrusive Ajax $form.validate(); return $form.valid(); } }; $form.data(data_validation,result); } return result; }
@H_502_14@>设置$.validator.unobtrusive.options错误放置功能
>删除Unobtrusive验证
>重新应用不显眼的验证$.validator.unobtrusive.options = { errorPlacement: function () { console.log("errorPlacement"); } }; $("#form_selector").removeData("unobtrusiveValidation"); // reapply the form's validator $.validator.unobtrusive.parse(document);
@H_502_14@var validator = $("#form_selector").data('validator'); var originalFunction = validator.settings.errorPlacement; validator.settings.errorPlacement = function(error,element) { console.log("errorPlacement"); originalFunction(error,element); };
@H_502_14@
$.validator.unobtrusive.options = { errorPlacement: function () { console.log("hello"); } };
@H_502_14@它工作正常,但还有一个额外的问题:这条线必须在文件准备好之前运行.通过这个,从jquery.validate.unobtrusive.js的底部调用validationInfo方法在文档就绪:
$(function () { $jQval.unobtrusive.parse(document); });
@H_502_14@解析最终调用validationInfo.不显眼的代码的问题是validationInfo设置defaultOptions = $jQval.unobtrusive.options || {}.很明显,如果你还没有定义unobtrusive.options,那么无论你对$jQval.unobtrusive.options做什么,它都会愚蠢地将defaultOptions设置为空白对象并且永远不会再次检查它.如果他们只是删除了|| {}一切都会很好,因为它只是一个对象引用.唉…
如果在加载文档之前无法设置errorPlacement回调,或者需要动态更改它,只需在jquery.validate.js和jquery.validate.unobtrusive.js之后加载的一个脚本中添加这一行:
$.validator.unobtrusive.options = {};
@H_502_14@这将导致defaultOptions指向您可以引用的对象.然后,在您需要的任何地方,按照您的预期更改$.validator.unobtrusive.options.注意不要覆盖对象,因为如果你这样做,你不会影响defaultOptions指向的对象.即,这样做:
$.validator.unobtrusive.options.errorPlacement: function () { console.log("hello"); };
@H_502_14@