我需要验证输入字段,它应该是整数(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",
}
});
答案 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并声明新的自定义规则与上述相同。