jQuery验证 - 每个元素多个规则?

时间:2012-11-12 21:45:10

标签: javascript jquery html validation jquery-validate

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

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

    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

如何在此字段中添加第二个验证规则(数字)?

谢谢。

1 个答案:

答案 0 :(得分:1)

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

如果数字验证类不存在,则需要添加i:Add Class Rules

另一个选择可能就是为您的输入添加规则。

类似的东西:

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

详细了解如何Add rule