0

我在将客户端验证与数据注释结合使用时遇到问题。该项目使用 ASP.NET Framework 4.5,这是一个具有 MVP 模式的 Web 应用程序和 jQuery Ajax 调用来动态加载用户控件。

这是(剥离的)用户控件,其中包含需要验证的输入元素:

<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。

或者有人对如何实现这一点有其他想法吗?我真的很想使用数据注释。

提前致谢!

4

1 回答 1

0

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

特别是,它是这个问题的重复Unobtrusive validation not working on dynamic-adding partial view这也指 XHalent 博客

于 2012-07-19T13:23:06.333 回答