MVC DropDownListFor和StringLength属性不能很好地一起播放

时间:2012-07-10 16:20:52

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

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

这是我的模特:

[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验证都会在客户端失败。我做错了什么?

3 个答案:

答案 0 :(得分:6)

这是相关的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;
}

答案 1 :(得分: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上对此进行了测试,因此请自担风险使用....

答案 2 :(得分:0)

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