如何在jquery中验证Integer值

时间:2014-07-27 14:17:50

标签: javascript jquery jquery-validate

我需要验证输入字段,它应该是整数(0-100),如果max_seat = 5则min_seat应该小于或等于max_seats。

<form class="cmxform form-horizontal" id="table_info" name="table_info"  method="post" action="">                                                       
<input class="span6 " id="max_seat"  name="default_seats" type="text" />
<input class="span6 " id="min_seats"  name="default_seats" type="text" />
</form>

并且jquery看起来像这样,如何在此类型验证中创建规则,谢谢

    $("#table_info").validate(
    {
        rules: {
            min_range :"required integer",
            max_seats:"required integer"
        },
        messages: {
            max_seats: "* Required",
            min_range: "* Required",
        }
    });

1 个答案:

答案 0 :(得分:6)

这不是您声明多个规则的方式。 (此简写样式只能与一个规则一起使用。)

rules: {
    min_range :"required integer",
    max_seats:"required integer"
}

您必须单独声明每个规则。对于整数,您可以使用the digits method

您的HTML对此插件也无效...

<input class="span6 " id="max_seat"  name="default_seats" type="text" />
<input class="span6 " id="min_seats"  name="default_seats" type="text" />

每个字段必须包含唯一 name属性,您可以根据name声明规则。 (类似地声明messages选项)

rules: {
    min_seats: { // <- this is the NAME attribute of the field, not ID
        required: true,
        digit: true
    },
    max_seats: { // <- this is the NAME attribute of the field, not ID
        required: true,
        digit: true
    }
}

要比较这两个字段,您必须使用the .addMethod() method并声明新的自定义规则与上述相同。