一种办法是，在callback中加上该方法，对这个字段从新进行效验，但是两个需要校验的都需要加，就造成了无限循环，
//从新验证该字段 $(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).revalidateField(&＃39;nMax&＃39;);
可以自己获取两个字段的值，手动进行比较，当符合验证规则，手动修改该字段的验证状态
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMax", "VALID", null );两个值框进行对比
$("#form").bootstrapValidator({
message: &＃39;This value is not valid&＃39;,
feedbackIcons: {
valid: &＃39;glyphicon glyphicon-ok&＃39;,
invalid: &＃39;glyphicon glyphicon-remove&＃39;,
validating: &＃39;glyphicon glyphicon-refresh&＃39;
},
fields: {
nMin:{
validators:{
notEmpty:{
message:&＃39;最小值不能为空&＃39;
},
regexp: {
regexp: /^[0-9._]+$/,
message: &＃39;请输入有效的值&＃39;
},
callback: {
message: &＃39;最小值不可大于最大值&＃39;,
callback: function(value, validator) {
if(value != &＃39;&＃39;){
var nMax = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nMax&＃39;);
if(nMax.val()!=&＃39;&＃39; && Number(nMax.val()) Number(value)){
//从新验证该字段
//$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).revalidateField(&＃39;nMax&＃39;);
//当符合规则手动修改该字段的验证状态
/* 因为上面方法两个字段相互验证 ，会造成死循环，所以在两个字段比较之后，并且符合验证规则，就手动修改该字段的验证状态 */
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMax", "VALID", null );
return true;
}else if(nMax.val()==&＃39;&＃39;){
return true;
}else{
return true;
}
}else{
return true;
{
}
}
}
},
nMax:{
validators:{
notEmpty:{
message:&＃39;最大值不能为空&＃39;
},
regexp: {
regexp: /^[0-9._]+$/,
message: &＃39;请输入有效的值&＃39;
},
callback: {
message: &＃39;最大值不可小于最小值&＃39;,
callback: function(value, validator) {
if(value != &＃39;&＃39;){
var nMin = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nMin&＃39;);
if(nMin.val()!=&＃39;&＃39; && Number(nMin.val())>Number(value)){
return false;
}else if(nMin.val()!=&＃39;&＃39; && Number(nMin.val())三个值进行比较
nMin:{
validators:{
notEmpty:{
message:"最小值不能为空"
},
regexp: {
regexp: /^[0-9._]+$/,
message: &＃39;请输入有效的值&＃39;
},
callback: {
callback: function(value, validator) {
var nSetVal = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nSetVal&＃39;);
var nMax = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nMax&＃39;);
//最小值大于设定值
if( nSetVal.val()!=&＃39;&＃39; && Number(nSetVal.val()) = Number(value) ){
if( Number(nMax.val()) = Number(value) && Number(nMax.val()) >= Number(nSetVal.val()) ){
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nSetVal", "VALID", null );
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMax", "VALID", null );
return true;
//最小值 小于设定值 大于最大值
}else{
return true;
}
}else{
return true;
}
}
}
}
},
nSetVal:{
validators:{
notEmpty:{
message:&＃39;设定值不能为空&＃39;
},
regexp: {
regexp: /^[0-9._]+$/,
message: &＃39;请输入有效的值&＃39;
},
callback: {
callback: function(value, validator) {
var nMin = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nMin&＃39;);
var nMax = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nMax&＃39;);
//设定值小于最小值
if( nMin.val()!=&＃39;&＃39; && Number(nMin.val()) > Number(value) ){
return { message:&＃39;设定值不可小于最小值&＃39;, flag:false };
//设定值 大于 最大值
}else if( nMax.val()!=&＃39;&＃39; && Number(nMax.val()) = Number(value) ){
if( nMin.val()!=&＃39;&＃39; && Number(nMin.val()) > Number(value)){
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMax", "VALID", null );
return { message:&＃39;设定值不可小于最小值&＃39;, flag:false };
//设定值 大于最小值 小于最大值 符合全部要求
}else if( nMin.val()!=&＃39;&＃39; && Number(nMin.val()) <= Number(value) && Number(nMax.val()) >= Number(value) ){
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMax", "VALID", null );
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMin", "VALID", null );
return true;
}else{
return true;
}
}else{
return true;
}
}
}
}
},
nMax:{
validators:{
notEmpty:{
message:"最大值不能为空"
},
regexp: {
regexp: /^[0-9._]+$/,
message: &＃39;请输入有效的值&＃39;
},
callback: {
callback: function(value, validator) {
var nMin = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nMin&＃39;);
var nSetVal = $("#form").data("bootstrapValidator").getFieldElements(&＃39;nSetVal&＃39;);
//最小值大于最大值
if( nMin.val()!=&＃39;&＃39; && Number(nMin.val()) > Number(value) ){
return { message:&＃39;最大值不可小于最小值&＃39;, flag:false };
//设定值 大于 最大值
}else if( nSetVal.val()!=&＃39;&＃39; && Number(nSetVal.val()) > Number(value) ){
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMin", "VALID", null );
return { message:&＃39;最大值不可小于设定值&＃39;, flag:false };
//最小值 小于 最大值
}else if( nMin.val()!=&＃39;&＃39; && Number(nMin.val()) <= Number(value) ){
if(nSetVal.val()!=&＃39;&＃39; && Number(nSetVal.val()) > Number(value)){
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMin", "VALID", null );
return { message:&＃39;最大值不可小于设定值&＃39;, flag:false };
//最小值 小于最大值 设定值 小于最大值 符合全部要求
}else if( nSetVal.val()!=&＃39;&＃39; && Number(nSetVal.val()) <= Number(value) && Number(nSetVal.val()) >= Number(nMin.val()) ){
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nSetVal", "VALID", null );
$(&＃39;#form&＃39;).data(&＃39;bootstrapValidator&＃39;).updateStatus("nMin", "VALID", null );
return true;
//最小值 小于最大值 设定值 大于最大值
}else{
return true;
}
}else{
return true;
}
}
}
}
} bootstrapValidator 常用的验证
//不为空验证
notEmpty: {
message: &＃39;必须输入或者必须选择&＃39;
}
//正整数验证
digits : {
message : &＃39;字段必须是正整数&＃39;
}
//内容最小值验证
greaterThan: {
value : 1，
message : &＃39;最小输入1&＃39;
}
//内容最大值验证
lessThan: {
value : 100
message : &＃39;最大输入100&＃39;
}
//正则验证
regexp: {
regexp: /^[a-zA-Z0-9_]+$/,
message: &＃39;正则验证，这里验证只能输入大小写字母数字和下划线&＃39;
}
//内容长度验证
stringLength : {
min : 2,
max : 25,
message : &＃39;长度2-25位字符&＃39;
}
//回调验证
callback: {
message: &＃39;请输入整数&＃39;,
callback: function(value, validator) {
//可以return true / false
//return false；
//也可以这样
return { message:&＃39;最小值不可大于最大值&＃39;, flag:false };
}
}
//日期验证
date: {
format: &＃39;YYYY/MM/DD&＃39;,
message: &＃39;日期无效&＃39;
}
//数字验证
digits: {
message: &＃39;该值只能包含数字。&＃39;
}
//ajax验证
threshold : 6 , //有6字符以上才发送ajax请求，（input中输入一个字符，插件会向服务器发送一次，设置限制，6字符以上才开始）
remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值，获得一个json数据。例表示正确：{"valid",true}
url: &＃39;exist2.do&＃39;,//验证地址
message: &＃39;用户已存在&＃39;,//提示消息
delay : 2000,//每输入一个字符，就发ajax请求，服务器压力还是太大，设置2秒发送一次ajax（默认输入一个字符，提交一次，服务器压力太大）
type: &＃39;POST&＃39;//请求方式
}
//复选框验证
choice: {
min: 2,
max: 4,
message: &＃39;请选择2-4项&＃39;
}
//密码确认
identical: {
field: &＃39;confirmPassword&＃39;,
message: &＃39;The password and its confirm are not the same&＃39;
}更多编程相关知识，请访问：编程视频！！
以上就是bootstrapValidator如何验证最大值和最小值限制的详细内容，更多请关注其它相关文章！
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 