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

最新推荐文章于 2024-11-01 09:56:52 发布

原创

最新推荐文章于 2024-11-01 09:56:52 发布 · 9.2k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrapValidator

录入该值的最大值与最小值 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;