Question

我有 ASP.NET MVC 4 App ，它使用 jQuery.validation.js 插件和MVC的 jQuery.validation.unobtrusive.js 。我在视图模型上使用数据注释来验证文本框的输入是否为整数。

使用...

在父视图中加载此（嵌套）视图

<% Html.RenderPartial("New"); %>

第一个初始页面加载，客户端验证工作。但是任何使用ajax调用重新加载嵌套视图，客户端验证都不再有效。那是为什么？

更新 :(以下 webdeveloper的解决方案中的代码示例）

$.validator.unobtrusive.parse($('form'));

示例：

var saveAndUpdate = function (url) {
    var myForm = $('form', $('#TheDivThatContainsTheNewHTML'));
    $.ajax({
        url: url,
        type: 'POST',
        data: myForm.serialize(),
        success: function (result) {
            $('#TheDivThatContainsTheNewHTML').html(result);
            $.validator.unobtrusive.parse($('#TheDivThatContainsTheNewHTML'));          
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        },
        dataType: 'html'
    });
}

Answer 1

But any reloading of the nested view with an ajax call, client side validation no longer works. Why is that?

验证适用于document ready，当您刷新页面时，您应手动为表单初始化验证。

像这样：

$.validator.unobtrusive.parse("form");

同样的问题：jquery.validate.unobtrusive not working with dynamic injected elements

jQuery.Validation.Unobtrusive客户端验证仅在脚本在视图页面上时才有效

1 个答案: