MVC DropDownListFor 和 StringLength 属性不能很好地结合在一起答案

【问题标题】：MVC DropDownListFor and StringLength Attribute Not Playing Well togetherMVC DropDownListFor 和 StringLength 属性不能很好地结合在一起
【发布时间】：2012-07-10 16:20:51
【问题描述】：

我的字符串长度验证总是在带有字符串值的下拉列表中失败。

这是我的模型：

[Required(ErrorMessage = "Required")]
[StringLength(2, MinimumLength = 2)]
[Display(Name = "Home Address State")]
public string HomeAddressState { get; set; }

这是我的看法：

@Html.DropDownListFor(model => model.HomeAddressState, new SelectList(ViewBag.States, "Value", "Text"), string.Empty)
@Html.ValidationMessageFor(model => model.HomeAddressState)

这里是html输出：

<select data-val="true" data-val-length="The field Home Address State must be a string with a minimum length of 2 and a maximum length of 2." data-val-length-max="2" data-val-length-min="2" data-val-required="Required" id="HomeAddressState" name="HomeAddressState"><option value=""></option>
<option value="CA">California</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="OH">Ohio</option>
</select>

无论选择什么选项，StringLength 验证都会在客户端失败。我做错了什么？

【问题讨论】：

为什么下拉列表需要 StringLength 验证？
大概是因为他的数据模型验证（正确地）独立于他的客户视图。
bhamlin 是正确的。我使用 [StringLength(2, MinimumLength = 2)] 在我的数据库中正确创建 char(2) 字段，因为我使用的是代码优先。我不想走流利的方式。

标签： asp.net-mvc unobtrusive-validation html.dropdownlistfor

【解决方案1】：

这是相关的 jquery 验证代码。如您所见，它将长度验证应用于所选选项的数量，而不是选项的长度。似乎只适用于多选列表框。老实说，有点奇怪。

maxlength: function(value, element, param) {
    return this.optional(element) || this.getLength($.trim(value), element) <= param;
}

getLength: function(value, element) {
    switch( element.nodeName.toLowerCase() ) {
        case 'select':
            return $("option:selected", element).length;
        case 'input':
            if( this.checkable( element) )
                return this.findByName(element.name).filter(':checked').length;
    }
    return value.length;
}

您可以自己覆盖getLength 函数，直接返回value.length。

$.validator.prototype.getLength = function (value, element) {
    return value.length;
}

【讨论】：

包含 jquery 验证库之后的任何位置。
这就是我的想法，但没有骰子。默认行为胜过我的替代。我想知道验证库是如何实际实例化的。看起来这是一个懒加载。在 $(document).ready() 我查询了 $.validator.methods.getLength 并且它为空。
我的错误，getLength 不在方法对象上。试试$.validator.prototype.getLength
不错的解决方案。我已经在 $(document).ready(function () { ... }); 中设置了代码并且工作正常。谢谢！

【解决方案2】：

为避免破坏复选框和多个选择框的逻辑，您可以使用：

$.validator.prototype.getLength = function (value, element) {
    switch (element.nodeName.toLowerCase()) {
        case 'select':
            {
                var attr = $(this).attr('multiple');
                // For some browsers, `attr` is undefined; for others,
                // `attr` is false.  Check for both.
                if (typeof attr !== 'undefined' && attr !== false) {
                    return $("option:selected", element).length;
                }
            }
        case 'input':
            if (this.checkable(element))
                return this.findByName(element.name).filter(':checked').length;
    }
    return value.length;
}

警告：我仅在 DropDownFor 上对此进行了测试，因此使用风险自负......

【讨论】：

【解决方案3】：

因为StringLength 匹配rangelength 中的jquery.validate 规则。在选择列表的情况下，它将检查所选项目的数量而不是所选值的长度，因此如果您编写最小长度为 1 的规则，它将起作用

【讨论】：