JQuery Validate插件：如何控制下拉列表中所选值的最大大小？

Question

我在HTML中有以下选择标记

<select name="field">
    <option value="123">option 1</option>
    <option value="14567">option 2</option>
    <option value="ab">option 3</option>
</select>

提交表单时，我希望使用validate插件验证所选值的最大大小不超过5个字符（示例值：123,14567，ab）并显示大小太大的消息。我无法弄清楚这一点。将maxlength属性添加到select标记不起作用。

谢谢和问候。

Answer 1

您必须编写并实现自定义方法，如下所示...

$(document).ready(function () {

    $.validator.addMethod('selectlength', function(value, element, param) {
        return this.optional(element) || value.length < param[0];
    }, "option must be less than {0} characters");

    $('#myform').validate({
        rules: {
            field: {
                required: true,
                selectlength: [5]
            }
        }
    });

});

DEMO：http://jsfiddle.net/80mcutdg/

---

虽然是IMO，但向用户提供他们不允许首先选择的选项没有任何意义。