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-validation コードは次のとおりです。ご覧のとおり、オプションの長さではなく、選択されたオプションの数に長さの検証を適用しているようです。複数選択リストボックスにのみ適用されるようです。正直なところ、ちょっと変です。

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

のrangelengthルールにStringLength一致するためです。選択リストの場合、選択された値の長さではなく、選択されたアイテムの数がチェックされるため、最小長1のルールを記述すれば機能しますjquery.validate

于 2012-07-10T16:39:01.497 に答える