页面加载后运行此代码

$(function() {
$.validator.unobtrusive.parse($("form"));
});

原因:

页面加载后unobtrusive已对各标签的验证状态进行保存,页面局部加载后并不会导致unobtrusive重新对页面的控件进行验证并保存前状态,导致新页面无法进行验证。

原理:

注意看jquery.validate.unobtrusive源码最后一段:

$(function () {
$jQval.unobtrusive.parse(document);
});

jquery.validate.unobtrusive在页面加载后响应并运行上面代码,解析页面中data-val-*属性的标签,检验其验证规则。

局部刷新或加载页面后,jquery.validate.unobtrusive无法对新加入的标签进行data-val-*属性的过滤,导致验证失效。

解决:

$(function() {
$.validator.unobtrusive.parse($("form"));
});

调用上面代码,使unobtrusive重新对控件进行验证

05-18 18:55