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

【问题标题】：jQuery Validate - Multiple Rules per Element?jQuery Validate - 每个元素有多个规则？
【发布时间】：2012-11-12 21:45:10
【问题描述】：

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

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

    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

如何向该字段添加第二个验证规则（数字）？

谢谢。

【问题讨论】：

class='required digits' 不工作？
它确实有效，我没有意识到这是一个选项。谢谢。

标签： javascript jquery html validation jquery-validate

【解决方案1】：

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

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

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

类似这样的：

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

阅读更多关于如何Add rule

【讨论】：

太好了，我什至没有意识到您可以在 HTML 中为元素添加多个类，更不用说使用 jQuery 插件来实现了。非常感谢！