.NET MVC不显眼的验证和自定义模型绑定器

时间:2012-05-09 15:12:29

标签: asp.net-mvc unobtrusive-validation modelbinder

我有一个简单的MVC网站,显示一个jquery对话框用于编辑目的。在此对话框中是一个textarea,它接受用户可以输入的以逗号分隔的技能列表。提交后,我的模型绑定器将其转换为列表。这是我的模型绑定器的代码

public class EditSkillsModelBinder : DefaultModelBinder
    {
        protected override void OnModelUpdated(ControllerContext controllerContext,
        ModelBindingContext bindingContext)
        {
            var form = controllerContext.HttpContext.Request.Form;
            var skillsAsString = form["SkillsAsString"];
            var user = bindingContext.Model as UserEditDetailsModel;

            //FOR VALIDATION
            ValueProviderResult valueResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
            ModelState modelState = new ModelState {Value = valueResult};

            if (string.IsNullOrEmpty(skillsAsString))
            {
                bindingContext.ModelState.AddModelError("Skills", "You must enter at least one skill.");
            }
            else
            {
                user.Skills = string.IsNullOrEmpty(skillsAsString) ? new List<string>() : skillsAsString.Split(',').Select(i => i.Trim()).ToList();
            }


        }

    }

这是我的部分视图的代码

@using (Ajax.BeginForm("EditUserDetails", new { }, new AjaxOptions { }, new { id = "EditUserDetailsForm" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>UserEditDetailsModel</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.FirstName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FirstName)
            @Html.ValidationMessageFor(model => model.FirstName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.LastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LastName)
            @Html.ValidationMessageFor(model => model.LastName)
        </div>


        <div class="editor-label">
            @Html.LabelFor(model => model.Skills)
        </div>
        <div class="editor-field">
            @Html.TextArea("SkillsAsString", Model.Skills.ToCommaSeparatedString())
            @Html.ValidationMessageFor(model => model.Skills)
        </div>


        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>


}


@*Enable Client Side Validation*@
<script type="text/javascript">
    $(document).ready(function () {
        $.validator.unobtrusive.parse("#content_container > form");
    });
  </script>

我的所有简单验证,例如[必需]在客户端工作。模型绑定程序验证也可以,但是,不会显示错误消息。我假设我在javascript中遗漏了一些注册错误,但我无法弄清楚它是什么。任何帮助,将不胜感激。感谢。

以下是问题的屏幕截图

enter image description here

1 个答案:

答案 0 :(得分:2)

所以我抛弃了不引人注意的东西,我发现我的模型上有一个[必需]属性,导致屏幕截图中的验证,而不是模型绑定器的验证。

虽然模型绑定器不用于验证,但似乎尝试将验证属性和模型绑定器混合用于相同的模型属性会导致问题(至少在我尝试将字符串转换为列表的情况下),因此,I我严格在我的模型绑定器中验证(它提供了额外的功能)并且它已经开始工作了。

修改

我应该补充一点,我删除了验证属性,支持每this post的FluentValidation。它不那么冗长,与客户端验证集成,更易于使用。