bootstrapValidator验证最大值最小值范围限制

最新推荐文章于 2024-05-21 10:23:42 发布
最新推荐文章于 2024-05-21 10:23:42 发布
阅读量9.1k 收藏 8
点赞数 3
文章标签： bootstrapValidator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43847121/article/details/87975347
版权

录入该值的最大值与最小值 bootstrapValidator进行效验，使最小值不可大于最大值，最大值不可小于最小值

刚开始的验证还是没事的，符合正常的验证规则
在这里插入图片描述
再把不符合规则的最大值改变，现在最小值已经比最大值小了，但是最大值没通过验证，说明在最小值框的内容改变时才会进行最小值的验证，最大值的框内容没改变，不会进行验证
在这里插入图片描述

一种办法是，在callback中加上该方法，对这个字段从新进行效验，但是两个需要校验的都需要加，就造成了无限循环，

//从新验证该字段
$('#form').data('bootstrapValidator').revalidateField('nMax');

可以自己获取两个字段的值，手动进行比较，当符合验证规则，手动修改该字段的验证状态

$('#form').data('bootstrapValidator').updateStatus("nMax", "VALID", null );

两个值框进行对比

	$("#form").bootstrapValidator({
		message: 'This value is not valid',
		feedbackIcons: {
			valid: 'glyphicon glyphicon-ok',
			invalid: 'glyphicon glyphicon-remove',
			validating: 'glyphicon glyphicon-refresh'
		},
		
		fields: {
			nMin:{
				validators:{
					notEmpty:{
						message:'最小值不能为空'
					},
					regexp: {
                        regexp: /^[0-9._]+$/,
                        message: '请输入有效的值'
                    },
					callback: {
						 message: '最小值不可大于最大值',
						 callback: function(value, validator) {
							 if(value != ''){
							 	var nMax = $("#form").data("bootstrapValidator").getFieldElements('nMax');
								 if(nMax.val()!='' && Number(nMax.val()) < Number(value)){
									 return false;
								 }else if(nMax.val()!='' && Number(nMax.val()) > Number(value)){
									//从新验证该字段
									//$('#form').data('bootstrapValidator').revalidateField('nMax');
									 
									//当符合规则手动修改该字段的验证状态
									 /* 因为上面方法两个字段相互验证 ，会造成死循环，所以在两个字段比较之后，并且符合验证规则，就手动修改该字段的验证状态 */
									 $('#form').data('bootstrapValidator').updateStatus("nMax", "VALID", null );
									 return true;
								 }else if(nMax.val()==''){
									 return true;
								 }else{
									 return true;
								 }
							 }else{
							 	return true;
							 {
							 
						 }
					}
				}
			},
			nMax:{
				validators:{
					notEmpty:{
						message:'最大值不能为空'
					},
					regexp: {
                        regexp: /^[0-9._]+$/,
                        message: '请输入有效的值'
                    },
					callback: {
						 message: '最大值不可小于最小值',
						 callback: function(value, validator) {
							 if(value != ''){
							 	var nMin = $("#form").data("bootstrapValidator").getFieldElements('nMin');
								 if(nMin.val()!='' && Number(nMin.val())>Number(value)){
									 return false;
								 }else if(nMin.val()!='' && Number(nMin.val())<Number(value)){
									 //从新验证该字段
									 //$('#form').data('bootstrapValidator').revalidateField('nMin');
									 
									 //当符合规则手动修改该字段的验证状态
									 /* 因为上面方法两个字段相互验证 ，会造成死循环，所以在两个字段比较之后，并且符合验证规则，就手动修改该字段的验证状态 */
									 $('#form').data('bootstrapValidator').updateStatus("nMin", "VALID", null );
									 return true;
								 }else if(nMin.val()==''){
									 return true;
								 }else{
									 return true;
								 }
							 }else{
							 	return true;
							 }
						 }
					}
				}
			}
			
		}	

	});

三个值进行比较

nMin:{
				validators:{
					notEmpty:{
						message:"最小值不能为空"
					},
					regexp: {
                        regexp: /^[0-9._]+$/,
                        message: '请输入有效的值'
                    },
					callback: {
						 callback: function(value, validator) {
							 var nSetVal = $("#form").data("bootstrapValidator").getFieldElements('nSetVal');
							 var nMax = $("#form").data("bootstrapValidator").getFieldElements('nMax');
							 
							 //最小值大于设定值
							 if( nSetVal.val()!='' && Number(nSetVal.val()) < Number(value) ){
								 
								 return { message:'最小值不可大于设定值', flag:false };
								
							 //最小值大于最大值
							 }else if( nMax.val()!='' && Number(nMax.val()) < Number(value) ){
							
								 $('#form').data('bootstrapValidator').updateStatus("nSetVal", "VALID", null );
								 return { message:'最小值不可大于最大值', flag:false };
								 
							 //最小值 小于 设定值
							 }else if( nSetVal.val()!='' && Number(nSetVal.val()) >= Number(value) ){
								
								 if( Number(nMax.val()) < Number(value) ){
									 
									 $('#form').data('bootstrapValidator').updateStatus("nMax", "VALID", null );
									 return { message:'最小值不可大于最大值', flag:false };
								 
								 //最小值 小于设定值  小于最大值   符合全部要求
								 }else if( nMax.val()!='' && Number(nMax.val()) >= Number(value) && Number(nMax.val()) >= Number(nSetVal.val()) ){
									 
									 $('#form').data('bootstrapValidator').updateStatus("nSetVal", "VALID", null );
									 $('#form').data('bootstrapValidator').updateStatus("nMax", "VALID", null );
									 return true;
									 
								 //最小值 小于设定值  大于最大值 
								 }else{
									 return true;
								 }
								 
							 }else{
								 return true;
							 }
							 
						 }
					}
				}
			},
			nSetVal:{
				validators:{
					notEmpty:{
						message:'设定值不能为空'
					},
					regexp: {
                        regexp: /^[0-9._]+$/,
                        message: '请输入有效的值'
                    },
					callback: {
						 callback: function(value, validator) {
							 
							 var nMin = $("#form").data("bootstrapValidator").getFieldElements('nMin');
							 var nMax = $("#form").data("bootstrapValidator").getFieldElements('nMax');
							 
							 //设定值小于最小值
							 if( nMin.val()!='' && Number(nMin.val()) > Number(value) ){
								 
								 return { message:'设定值不可小于最小值', flag:false };
								
							 //设定值 大于 最大值
							 }else if( nMax.val()!='' && Number(nMax.val()) < Number(value) ){
								 
								 $('#form').data('bootstrapValidator').updateStatus("nMin", "VALID", null );
								 return { message:'设定值不可大于最大值', flag:false };
								 
							 //设定值 小于 最大值
							 }else if( nMax.val()!='' && Number(nMax.val()) >= Number(value) ){
								 
								 
								 if( nMin.val()!='' && Number(nMin.val()) > Number(value)){
									 
									 $('#form').data('bootstrapValidator').updateStatus("nMax", "VALID", null );	
									 return { message:'设定值不可小于最小值', flag:false };
									 
								 //设定值 大于最小值 小于最大值   符合全部要求
								 }else if( nMin.val()!='' && Number(nMin.val()) <= Number(value) && Number(nMax.val()) >= Number(value) ){
									 
									 $('#form').data('bootstrapValidator').updateStatus("nMax", "VALID", null );
									 $('#form').data('bootstrapValidator').updateStatus("nMin", "VALID", null );
									 return true;
									 
								 }else{
									 return true;
								 }
								 
							 }else{
								 return true;
							 }
						 }
					}
				}
			},
			nMax:{
				validators:{
					notEmpty:{
						message:"最大值不能为空"
					},
					regexp: {
                        regexp: /^[0-9._]+$/,
                        message: '请输入有效的值'
                    },
					callback: {
						 callback: function(value, validator) {
							 var nMin = $("#form").data("bootstrapValidator").getFieldElements('nMin');
							 var nSetVal = $("#form").data("bootstrapValidator").getFieldElements('nSetVal');
							 
							 //最小值大于最大值
							 if( nMin.val()!='' && Number(nMin.val()) > Number(value) ){
								 
								 return { message:'最大值不可小于最小值', flag:false };
								
							 //设定值 大于 最大值
							 }else if( nSetVal.val()!='' && Number(nSetVal.val()) > Number(value) ){
								 
								 $('#form').data('bootstrapValidator').updateStatus("nMin", "VALID", null );
								 return { message:'最大值不可小于设定值', flag:false };
								 
							 //最小值 小于 最大值
							 }else if( nMin.val()!='' && Number(nMin.val()) <= Number(value) ){
									 
								 if(nSetVal.val()!='' && Number(nSetVal.val()) > Number(value)){
									 $('#form').data('bootstrapValidator').updateStatus("nMin", "VALID", null );
									 return { message:'最大值不可小于设定值', flag:false };
									 
								 //最小值 小于最大值 设定值 小于最大值   符合全部要求
								 }else if( nSetVal.val()!='' && Number(nSetVal.val()) <= Number(value) && Number(nSetVal.val()) >= Number(nMin.val()) ){
									 
									 $('#form').data('bootstrapValidator').updateStatus("nSetVal", "VALID", null );
									 $('#form').data('bootstrapValidator').updateStatus("nMin", "VALID", null );
									 return true;
									 
								 //最小值 小于最大值 设定值 大于最大值
								 }else{
									 return true;
								 }
								 
							 }else{
								 return true;
							 }
						 }
					}
				}
			}

bootstrapValidator 常用的验证

//不为空验证
notEmpty: {
     message: '必须输入或者必须选择'
}

//正整数验证
digits : {
    message : '字段必须是正整数'
}

//内容最小值验证
greaterThan: {
    value : 1，
    message : '最小输入1'
}

//内容最大值验证
lessThan: {
    value : 100
    message : '最大输入100'
}

//正则验证
regexp: {
    regexp: /^[a-zA-Z0-9_]+$/,
    message: '正则验证，这里验证只能输入大小写字母数字和下划线'
}

//内容长度验证
stringLength : {
    min : 2,
    max : 25,
    message : '长度2-25位字符'
}

//回调验证
callback: {
    message: '请输入整数',
	callback: function(value, validator) {	
			//可以return   true  /  false
			//return  false；
			//也可以这样
			return { message:'最小值不可大于最大值', flag:false };
	}
}

//日期验证
date: {
  	format: 'YYYY/MM/DD',
    message: '日期无效'
}

//数字验证
digits: {
    message: '该值只能包含数字。'
}

//ajax验证
threshold :  6 , //有6字符以上才发送ajax请求，（input中输入一个字符，插件会向服务器发送一次，设置限制，6字符以上才开始）
remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值，获得一个json数据。例表示正确：{"valid",true}  
    url: 'exist2.do',//验证地址
    message: '用户已存在',//提示消息
    delay :  2000,//每输入一个字符，就发ajax请求，服务器压力还是太大，设置2秒发送一次ajax（默认输入一个字符，提交一次，服务器压力太大）
    type: 'POST'//请求方式
 }
 
//复选框验证
choice: {
  	min: 2,
    max: 4,
    message: '请选择2-4项'
}

//密码确认
identical: {
	field: 'confirmPassword',
    message: 'The password and its confirm are not the same'
}
许多年以后丶
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
数组最大值最小值_数组最大值最小值_最小值_
09-30
在处理数组时，经常需要找到数组中的最大值和最小值，这在各种算法和数据分析任务中都非常常见。本话题聚焦于如何在给定的包含20个元素的数组中找出最大值和最小值。 首先，我们要理解数组的基本概念。数组是由同一...
@Validated数据校验
weixin_45229417的博客
03-07 1569
为了减少代码进行对数据进行校验，利用@Validated来进行注解形式的数据校验
自定义javax.validation最小值和最大值校验
u012829269的专栏
09-23 4336
import javax.validation.Constraint; import javax.validation.Payload; import java.lang.annotation.*; /** * @author 234857 2020-09-23 校验区间值最小值和最大值 */ @Target({ElementType.TYPE, ElementType.FIELD, ElementType.METHOD, ElementType.PARAMETER, ElementType.ANN.
SpringBoot Validation自定义注解之校验指定最小整数
最新发布
thinkers
05-21 606
1，引入核心关键依赖。
bootstrap插件bootstrapValidator常用验证规则总结
weixin_42878826的博客
10-18 229
一 :bootstrapValidator引入 在使用bootstrapValidator前我们需要引入bootstrap和bootstrapValidator对应的js和css文件。 <!--jquery--> <script type="text/javascript" src="Public/js/jquery-3.2.1.js"></script&g...
Validate的使用
qq_45337431的博客
09-08 6001
Validate插件的使用，可以用来判断表单格式
SpringBoot整合Validation进行参数校验
chy1984的博客
11-22 3493
可以用正则表达式进行校验，示例@Pattern(regexp = "^[1][3-9][0-9]{9}$", message = "手机号为空或格式错误")
1112 最大值和最小值的差.cpp
04-20
1112：最大值和最小值的差 时间限制: 1000 ms 内存限制: 65536 KB 提交数: 24329 通过数: 14187 【题目描述】 输出一个整数序列中最大的数和最小的数的差。 【输入】 第一行为M，表示整数个数，整数个数不会大于...
matlab.zip_最大值最小值_最小值
09-20
在MATLAB中，寻找最大值和最小值是数据分析和优化问题中的常见操作。这些操作对于理解和改进算法性能、解决问题或优化参数设置至关重要。本压缩包文件"matlab.zip"似乎包含了一些与最大值和最小值计算相关的资源，...
java集合求和最大值最小值示例分享
09-04
Java 集合求和最大值最小值示例分享 Java 集合求和最大值最小值示例分享是 Java 编程语言中一种常用的数据处理方法。该示例主要介绍了如何使用 Java 集合框架来计算集合中的最大值、最小值和求和。 Java 集合框架 ...
python求最大值最小值方法总结
09-19
在Python编程语言中，求解一组数值数据的最大值和最小值是常见的操作，这对于数据分析、算法实现以及其他各种计算任务都至关重要。本篇文章将详细介绍两种在Python中求最大值和最小值的方法，并通过实例来帮助理解。...
JS表单 校验输入框 最大值不小于最小值，最小值不大于最
qq_38882672的博客
06-28 3344
JS校验最大值不小于最小值，最小值不大于最 bootstrapValidator加callback $("#deviceTypeSysForm").bootstrapValidator("addField", "unit_high0", { validators: { notEmpty: { message: '不可为空' }, regexp: {//正则表达式校验正数、和小数 ...
验证数据从0到100
zyy123456789_123的博客
09-26 333
var validate = $('#myform').bootstrapValidator({ fields : { kssj : { validators : { notEmpty : { message : '开始时间不能为空' } } }, jssj : { validators : { notEmpty : { message : '结束时间不能为空' } } }, jd...
@Valid注解 基本使用方法
年轻的时候要多吃苦,这样老了吃苦才习惯
10-23 5349
@Valid详细使用方法 1.判断方法 `@Null 限制只能为null @NotNull 限制必须不为null @AssertFalse 限制必须为false @AssertTrue 限制必须为true @DecimalMax(value) 限制必须为一个不大于指定值的数字 @DecimalMin(value) 限制必须为一个不小于指定值的数字 @Digits(integer,fraction)...
jquery validation 简介
weixin_43931625的博客
08-03 584
jqueryvalidation简介
springboot 参数校验详解
justlpf的专栏
02-18 1797
目标 对于几种常见的入参方式，了解如何进行校验以及该如何处理错误消息； 了解springboot 内置的参数异常类型，并能利用拦截器实现自定义处理； 能实现简单的自定义校验规则 一、PathVariable 校验 在定义 Restful 风格的接口时，通常会采用 PathVariable 指定关键业务参数，如下： @GetMapping("/path/{group:[a-zA-Z0-9...
bootstrapValidator表单验证--常用验证项/验证规则
bug处理进行时
04-11 2948
一、内置验证项 1、判断字段是否为空 notEmpty:{ message:"数据不能为空" } 2、字段长度判断 stringLength:{ min:3, max:6, message:"用户名长度不得少于3位，大于6位" } 3、通过正则表达式验证 regexp:{ regexp: /^[A-Z\s]+$/i, message: '名字只能...
bootstrap插件bootstrapValidator常用验证规则及常用方法总结
丨小毛子的博客
09-03 1595
bootstrap插件bootstrapValidator常用验证规则总结 1.判断字段是否为空 notEmpty: { message: ‘用户名必填不能为空’ } 2.字段长度判断 stringLength: { min: 6, max: 30, message: ‘用户名长度不能小于6位或超过30位’ } 3.通过正则表达式进行验证 regexp: { regexp: /1+$/i, message: ‘名字只能由字母字符和空格组成。’ } 4.大小写验证 stringCase: { message:
antd多个表单元素相互触发校验（最大值最小值校验）
weixin_45492532的博客
05-19 3101
两个及以上的表单元素需要相互验证并且都有自己的判断条件及提示信息该怎么做呢? 场景: 最大值: 需大于最小值 最小值: 需小于最大值 （1）代码：render中表单元素 <Form.Item name="creditStartRange" rules={[ { required: true, message: '请输入最小值' },
c# 限制最大值最小值
06-10
在 C# 中，你可以使用 Math 类的静态方法来限制一个值的最大值和最小值。这些方法分别为 Math.Min 和 Math.Max。例如，如果你想将一个整数变量限制在 0 到 100 的范围内，可以使用以下代码： ``` int value = 120; // 假设这是要限制的值 int minValue = 0; int maxValue = 100; int result = Math.Max(Math.Min(value, maxValue), minValue); ``` 在这个例子中，Math.Min 方法将 value 限制在最大值 maxValue 内，然后 Math.Max 方法将结果限制在最小值 minValue 内。最终的结果将存储在 result 变量中。如果 value 超出了最大值或最小值，result 将分别等于最大值或最小值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值