5

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

这是我的模型：

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

4

3 回答 3

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;
}
于 2012-07-10T16:40:10.997 回答
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 上对此进行了测试，因此使用风险自负......

于 2012-10-19T14:09:56.160 回答
0

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

于 2012-07-10T16:39:01.497 回答