Javascript JQuery验证插件maxlength？

我正在使用JQuery验证插件。我想为其中一个字段指定

maxlength

。可以按如下方式指定

rules: {
   Message: {
      required: false,
      maxLength: 200
   }
}

但我不想在外部定义规则，而是想在html输入代码中指定规则

类似于：

<input type="text" name="AssistanPhone" value="" class="required"  />

在上面的示例中，“必需”是通过类指定的。类似地，我如何指定jquery插件可以识别的maxlength，如果长度超过它，它会给出错误消息

---

谢谢

非资本

L

its

L

例：

---

据我所知，您不能通过属性指定消息，但可以将

maxlength

指定为属性

<input type="text" name="AssistanPhone" value="" required maxlength="3"  />

---

演示：

我自己更新了验证程序的javascript代码（因此我现在坚持使用1.8.1版，而不是升级），但下面是我所做的（第767行）：

---

我为“maxlength-”添加了额外的if测试，所以现在我可以添加一个类似“maxlength-10”的类来限制为10。当然，我也可以添加minlength等等。

这与Java有什么关系？当然，谢谢你的回复。如何在html输入标记中指定它？类似于class=“required”？我不想定义外部规则和消息。@user755806是。请参阅链接中的完整示例。Suresh，我是否可以避免通过规则指定maxlength:{field:{required:true，maxlength:200}作为示例，以指定该字段是否为必需字段，我没有使用任何规则。我使用class=“required”指定isnide输入元素。同样，是否可以指定maxlength？它不会向用户显示任何错误消息。只需停止用户进一步键入即可。

  $("#FormID").validate({
        rules: {
            PriorityDDL: {
                required: true
            },
            Title: {
                required: true
            },
            Text: {
                required: true,
                maxlength: 300
            },

            date: {
                required: true
            },
            reportfile: {
                required: true
            }
        },
        messages: {
            PriorityDDL: {
                required: "Please select priority"
            },
            Title: {
                required: "Please enter title"
            },
            Text: {
                required: "Please enter message",
                maxlength:"maxLength is 300 characters"
            },
            date: {
                required: "Please select date"
            },
            reportfile: {
                required: "Please select file"
            }
        }
    });

classRules: function(element) {
    var rules = {};
    var classes = $(element).attr('class');
    classes && $.each(classes.split(' '), function() {
        if (this in $.validator.classRuleSettings) {
            $.extend(rules, $.validator.classRuleSettings[this]);
        }
        if (this.toLowerCase().lastIndexOf('maxlength-', 0) === 0) { // starts with
            var x = parseInt(this.substring(10)); // take number after 'maxlength-'
            $.extend(rules, {maxlength: x});
        }
    });
    return rules;
},

  $("#FormID").validate({
        rules: {
            PriorityDDL: {
                required: true
            },
            Title: {
                required: true
            },
            Text: {
                required: true,
                maxlength: 300
            },

            date: {
                required: true
            },
            reportfile: {
                required: true
            }
        },
        messages: {
            PriorityDDL: {
                required: "Please select priority"
            },
            Title: {
                required: "Please enter title"
            },
            Text: {
                required: "Please enter message",
                maxlength:"maxLength is 300 characters"
            },
            date: {
                required: "Please select date"
            },
            reportfile: {
                required: "Please select file"
            }
        }
    });