使用custombox 和 validate 对动态加载的表达无法验证的解决办法

Posted 2020-10-04 贵达

custombox.min.js  v3.0.2

jquery.validate.min.js jQuery Validation Plugin - v1.14.0

客户端用MVC的分部视图动态载入到主视图，js文件都在主视图调用

在custombox中使用 jQuery Validation针对动态添加的表单无法工作，验证不起作用，这里参考了网友大内老A的这篇文章如何解决jQuery Validation针对动态添加的表单无法工作的问题？问题得到解决

 

就是在动态载入的分部视图内加上这个自定义函数

<script>
    $.resetValidator();//这个会运行三遍，其实一遍就可以，如果可以修改custombox.min.js 代码的话，custombox.min.js 内容太复杂，找不到插入点只好在分部视图内加入这个自定义函数了
</script>

 

/* 动态载入分部视图后，解决validator无法验证的问题 */
    $.resetValidator = function () {
        $("form").removeData("validator").removeData("unobtrusiveValidation");  //这两句就是重新加载下验证的功能
        $.validator.unobtrusive.parse($("form"));
    }