javascript - jQuery验证-每个元素有多个规则？

我有一张表格，希望验证某些必填字段以及数字。我在弄清楚如何将两个规则应用于所述字段时遇到了麻烦。

当前，这里是我仅应用所需规则的方式，以我在表单中内置的跨度显示消息。

    if (jQuery.validator) {
    jQuery.validator.setDefaults({
        errorPlacement: function (error, element) {
            error.appendTo('#invalid-' + element.attr('id'));
        }
    });
}

$("#UserInputs").validate();


<label for="AvgGroupSize">Average Group Size:</label><br />
<span id="invalid-AvgGroupSize"></span>
<input type='text' id='AvgGroupSize' class='required' size='4' value='15'/> EEA's

我如何才能向该字段添加第二条验证规则（数字）？

谢谢。

最佳答案

您只需要在输入中添加一个类：
<input type='text' id='AvgGroupSize' class='required digits' size='4' value='15'/> EEA的

如果数字验证类尚不存在，则需要通过以下方式添加我：Add Class Rules

另一个选择可能只是在您的输入中添加规则。

像这样的东西：

$("#AvgGroupSize").rules("add", {
 minlength: 2
});

进一步了解如何Add rule