6

我有一个 MVC4 互联网应用程序，其中包含用于创建用户帐户的表单。表单验证有效，但当输入验证失败时，不显示错误消息。它仍然阻止提交，直到验证问题解决但没有文本

剃刀视图表格

<h2>Create New Account</h2>
<fieldset>
    <legend></legend>
    @using (Html.BeginForm("CreateUser",null)){
        @Html.AntiForgeryToken()
        <table class="create">
            <tr>
                <td colspan="2"><b>New Account</b>
            </tr>
            <tr>
                <td>@Html.DisplayNameFor(model=>model.UserName)</td><td>@Html.TextBoxFor(model=>model.UserName)</td>
                <td>@Html.DisplayNameFor(model=>model.EmailAddress)</td><td>@Html.TextBoxFor(model=>model.EmailAddress)</td>
                <td><input type="submit" value="Create User" /></td>
            </tr>
        </table>
    }
</fieldset>
    @Html.ValidationSummary()

使用的捆绑包包括验证文件

bundles.Add(new ScriptBundle("~/bundles/asset").Include(
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery-ui-{version}.js",
            "~/Scripts/jquery.validate*",
            "~/Scripts/jquery.unobtrusive*"));

使用的模型是实体模型，我添加了一个部分类来注释验证要求

[MetadataType(typeof(UserProfileMetadata))]
public partial class UserProfile
{
    //Empty Class just required for adding class level attribute
}

public class UserProfileMetadata
{
    //Fields from user profile requiring annotations
    [EmailAddress]
    [Required]
    [Display(Name = "Email Address")]
    public string  EmailAddress { get; set; }

    [Required]
    public string UserName { get; set; }

}

验证工作但现在显示消息让我认为它一定是标记错误，但我看不到它。

4

2 回答 2

14

将 ValidationSummary 移动到表单内将修复它。

<h2>Create New Account</h2>
<fieldset>
    <legend></legend>
     @using (Html.BeginForm("CreateUser",null)){
        @Html.ValidationSummary()
        @Html.AntiForgeryToken()
        <table class="create">
            <tr>
                <td colspan="2"><b>New Account</b>
            </tr>
            <tr>
                <td>@Html.DisplayNameFor(model=>model.UserName)</td>    <td>@Html.TextBoxFor(model=>model.UserName)</td>
            <td>@Html.DisplayNameFor(model=>model.EmailAddress)</td><td>@Html.TextBoxFor(model=>model.EmailAddress)</td>
            <td><input type="submit" value="Create User" /></td>
        </tr>
    </table>
}
</fieldset>
于 2013-06-19T13:02:58.907 回答
5

对于那些不希望被限制@Html.ValidationSummary在表单中移动的人，即它存在于_Layout.cshtml中，并且你喜欢它，这里有一个解决方法。

下面的方法显然是微软用来填充@Html.ValidationSummary. 在它的标准形式中，它data-valmsg-summary-true在$('this'). this在这种情况下是调用形式。好吧，我的@Html.ValidationSummary生活在pageBody <div>_Layout.cshtml 上以保持它干燥。

function onErrors(event, validator) { // '#pageBody' is the containing element
    var container = $('#pageBody').find("[data-valmsg-summary=true]"), 
    list = container.find("ul"); if (list && list.length && validator.errorList.length) {
        list.empty(); container.addClass("validation-summary-errors").removeClass("validation-summary-valid");
        $.each(validator.errorList, function () {
             $("<li />").html(this.message).appendTo(list);
        });
    }
}

到目前为止，我只改变了这个：

var container = $('this').find("[data-valmsg-summary=true]")

对此：

var container = $('#pageBody').find("[data-valmsg-summary=true]")

现在，我通过单击按钮触发验证。为了onErrors(event, validator)开火，我使用了以下 jQuery：

    $('#btnSave').click(function () {
        if ($('form').valid()) {
           // Do stuff
        } else {
            onErrors(event, $('form').data('validator'));
        }
    });

瞧，@Html.ValidationSummary 即使在使用 jQuery.unobtrusive 时也会填充。

非常感谢 Leniel Macaferi 在这里为我指明了正确的方向：http: //www.leniel.net/2013/08/customizing-aspnet-mvc-html-validation-summary-with-bootstrap-3-panel.html #stash.jGRguVuV.qSjYUlhS.dpbs

于 2014-02-28T09:15:44.693 回答