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

Question

我有一个表单，我想验证某些字段是否为必填字段以及数字。我无法弄清楚如何将这两个规则应用于所述字段。

目前，我仅应用所需的规则，在表单中内置的范围内显示消息。

    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

如何向此字段添加第二个验证规则(数字)？

谢谢。

Answer 1

您只需在输入中添加一个类:
<input type='text' id='AvgGroupSize' class='required digits' size='4' value='15'/>欧洲经济区

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

另一种选择可能是仅向您的输入添加规则。

类似这样的:

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

详细了解如何 Add rule