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

Question

我在 HTML

中有以下 select 标签

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

提交表单时，我希望使用验证插件验证selected值的最大大小不超过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]
            }
        }
    });

});

演示：http://jsfiddle.net/80mcutdg/

虽然是 IMO，但向您的用户提供他们一开始就不允许他们使用的选项是没有任何意义的。select。

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

JQuery Validate plugin: how to control the max size of the selected value of a dropdown?

jquery

jquery-validate