Question

我在使用客户端验证和Data Annotations时遇到问题。该项目使用的是ASP.NET Framework 4.5，一个带有MVP模式和jQuery Ajax调用的Web应用程序，用于动态加载用户控件。

这是（剥离的）用户控件，其中包含需要验证的输入元素：

<form id="insertArtist" class="form-horizontal">
<fieldset>
<legend>Add new artist</legend>
    <div class="control-group">
        <label class="control-label" for="name">Name</label>
        <div class="controls">
            <asp:TextBox runat="server" ID="name" ClientIDMode="Static" CssClass="input-medium"></asp:TextBox>
            <ml:DataAnnotationValidator runat="server" ID="davName" ControlToValidate="name" EnableClientScript="true" PropertyToValidate="Name" SourceTypeName="Music.Library.Domain.Models.Artist, Music.Library.Domain">
        </ml:DataAnnotationValidator>
    </div>
    <div class="form-actions">
        <button id="save" class="btn btn-primary" name="submit" type="submit">Save</button>
        <button id="cancel" class="btn">Cancel</button>
    </div>
</div>
</form>

使用以下ajax调用动态加载此用户控件：

$('#add').click(function () {
    $.ajax({
        url: "/Artist/Manage/Insert.ascx.axd",
        type: "POST",
        dataType: "html",
        success: function (obj) {
            $('#body_artist').html($(obj));
        }
    });
});

这是用户点击保存时执行的jquery：

$('#save').click(function (event) {
    event.preventDefault();

    $.ajax({
        url: "/artist/add.axd",
        type: "POST",
        dataType: "html",
        cache: false,
        async: true,
        data: 'Ajax=true&' + $('#insertArtist').serialize(),
        beforeSend: function (jqXHR, settings) {
            $('#loading').show();
        },
        success: function (data) {
            if (data == "succes") {
                showNotification('succes', 'Succesfully added artist');
            } else {
                showNotification('error', 'Error while adding artist: ' + data);
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            showNotification('error', 'Error while adding artist: ' + data);
        },
        complete: function () {
            $('#loading').hide();
        }
    });
});

现在，由于没有来自asp.net控件的触发器，自定义数据注释验证器将无法验证。

我尝试使用Javascript进行验证，使用Page_ClientValidate（），ValidateEnable（）和Validate（）方法。不幸的是，在尝试这个时，我一遍又一遍地得到同样的错误：

Page_ClientValidate is not defined

其他方法也是如此。我在这里结束了。

是否因为UserControl是动态加载的，这些客户端验证方法不起作用？我已将EnableClientScript设置为true。

或者有没有人对如何实现这个有另一个想法？我真的很想使用数据注释。

提前致谢！

Answer 1

它可以是一种解决方案 http://xhalent.wordpress.com/2011/01/24/applying-unobtrusive-validation-to-dynamic-content/

特别是，这是一个问题Unobtrusive validation not working on dynamically-added partial view的副本，它也指XHalent博客

使用数据注释进行客户端验证

1 个答案: