Text inputs with maxlength not validating with jQuery Validate

关于这个问题，我们可以从以下几个方面来回答：

问题描述

Text inputs with maxlength not validating with jQuery Validate 是一个关于使用 jQuery Validate 验证表单输入时，maxlength 属性无法正常验证的问题。这可能是因为 jQuery Validate 插件本身不支持 maxlength 属性，或者是因为插件的配置不正确。

解决方案

为了解决这个问题，我们可以使用以下方法：

方法一：使用 addMethod 方法自定义验证规则

$.validator.addMethod("maxlength", function (value, element, param) {
    return value.length <= param;
}, "输入内容不能超过 {0} 个字符");

$("#myform").validate({
    rules: {
        myinput: {
            required: true,
            maxlength: 10
        }
    }
});

方法二：使用自定义验证函数

$("#myform").validate({
    rules: {
        myinput: {
            required: true,
            maxlength: 10,
            validator: function (value, element, param) {
                return value.length <= param;
            }
        }
    },
    messages: {
        myinput: {
            maxlength: "输入内容不能超过 {0} 个字符"
        }
    }
});