7

我有一个简单的下拉列表，列表中的第一项有一个空值。如果我没有在列表中选择任何内容，客户端验证将忽略它。我使用注释属性在模型上根据需要设置了该字段。

 @Html.DropDownListFor(model => Model.CCPayment.State, UnitedStatesStates.StateSelectList)



[Required(ErrorMessage = "State is Required.")]
    public string State
    {
        get
        {
            return _state;
        }
        set
        {
            _state = value;
        }
    }

有任何想法吗？我错过了什么吗？

4

5 回答 5

8

它看起来像一个合法的错误，这是我在搜索中找到的最佳解决方法：

http://forums.asp.net/t/1649193.aspx

简而言之。您将问题的根源包装DropDownListFor在自定义 Html 扩展中，然后手动检索不显眼的客户端验证规则，如下所示：

IDictionary<string, object> validationAttributes = htmlHelper.
    GetUnobtrusiveValidationAttributes(
        ExpressionHelper.GetExpressionText(expression),
        metadata
    );

然后将您的validationAttributes字典与传递给您的自定义帮助程序的任何其他 html 属性结合起来，然后将其传递给DropDownListFor

我正在使用的完整代码（我也有一个标签，你可以随意解耦）：

public static IHtmlString DropDownListWithLabelFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, string label, IEnumerable<SelectListItem> items, string blankOption, object htmlAttributes = null)
{
    var l = new TagBuilder("label");
    var br = new TagBuilder("br");

    var metadata = ModelMetadata.FromLambdaExpression(expression, helper.ViewData);
    var mergedAttributes = helper.GetUnobtrusiveValidationAttributes(ExpressionHelper.GetExpressionText(expression), metadata);

    if (htmlAttributes != null)
    {
        foreach (PropertyDescriptor descriptor in TypeDescriptor.GetProperties(htmlAttributes))
        {
            object value = descriptor.GetValue(htmlAttributes);
            mergedAttributes.Add(descriptor.Name, value);
        }
    }

    l.InnerHtml = label + br.ToString(TagRenderMode.SelfClosing) + helper.DropDownListFor(expression, items, blankOption, mergedAttributes);
    return MvcHtmlString.Create(l.ToString(TagRenderMode.Normal));
}
于 2011-11-12T02:10:14.847 回答
4

您提供的信息太少，我们无法查明问题所在。您可能忘记在视图中包含适当的不显眼的验证脚本，但谁知道呢？你还没有展示你的观点。

这是一个完整的工作示例：

模型：

public class MyViewModel
{
    [Required(ErrorMessage = "State is Required.")]
    public string State { get; set; }

    public IEnumerable<SelectListItem> States 
    { 
        get
        {
            return Enumerable.Range(1, 5).Select(x => new SelectListItem
            {
                Value = x.ToString(),
                Text = "state " + x
            });
        }
    }
}

控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel());
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        return View(model);
    }
}

看法：

@model AppName.Models.MyViewModel
@{
    ViewBag.Title = "Home Page";
}
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

@using (Html.BeginForm())
{
    @Html.LabelFor(x => x.State)
    @Html.DropDownListFor(
        x => x.State, 
        new SelectList(Model.States, "Value", "Text"), 
        "-- Please select a state --"
    )
    @Html.ValidationMessageFor(x => x.State)
    <input type="submit" value="OK" />
}

请注意我们如何在帮助程序中提供默认值DropDownListFor作为最后一个参数。这将在开头插入一个带有空值和自定义文本的选项，如果用户没有选择某些状态，则需要的验证器应该启动。

于 2011-01-26T08:37:25.713 回答
2

我将 @class="required" 添加到属性中，就像有人在 codeplex http://aspnet.codeplex.com/workitem/7629的线程上所说的那样，它对我来说效果很好 =)

于 2011-09-21T15:08:35.087 回答
1

这是我发现的最简单的方法，只需在视图中的 of 中添加data-val-*-*属性。以下方法也适用于 RemoteValidation，如果您不需要远程验证，只需删除包含的元素HtmlAttributesDropDownListFordata-val-remote-*：

        @Html.DropDownListFor(m => m.yourlistID, (IEnumerable<SelectListItem>)ViewBag.YourListID, String.Empty, 
        new Dictionary<string, object>() { { "data-val", "true" }, 
        { "data-val-remote-url", "/Validation/yourremoteval" }, 
        { "data-val-remote-type", "POST" }, { "data-val-remote-additionalfield", "youradditionalfieldtovalidate" } })

我希望它会有所帮助。此致！

于 2012-02-17T11:06:14.050 回答
0

如果问题是当您选择“空白”选项时，您没有看到说明该字段为必填项的验证消息，这可能是因为 Html 助手如何为“空白”选项生成选项标签。问题是空值属性。

<select ...>
  <option value="">
  ...
</select>

我使用这种单行解决方法来删除 value 属性，它就像一个魅力！

$('option[value=""]').removeAttr("value");

所有这一切都是从任何具有空白值属性的“选项”元素中删除值属性。

于 2018-04-12T16:16:45.700 回答