Javascript 引导验证程序验证编号范围
如何为两个数字的范围设置验证。我想将第一个数字的最大值设置为第二个数字的值,将第二个数字的最小值设置为第一个numb的值。以下是我的js代码:Javascript 引导验证程序验证编号范围,javascript,java,jquery,validation,bootstrap-4,Javascript,Java,Jquery,Validation,Bootstrap 4,如何为两个数字的范围设置验证。我想将第一个数字的最大值设置为第二个数字的值,将第二个数字的最小值设置为第一个numb的值。以下是我的js代码: min_num : { validators : { integer : { message : 'Please enter the valid number ', min : 1, max : 'max_num' }, no
min_num : {
validators : {
integer : {
message : 'Please enter the valid number ',
min : 1,
max : 'max_num'
},
notEmpty : {
message : 'Please enter the number'
}
}
},
max_num : {
validators : {
integer : {
message : 'Please enter the valid number ',
min : 'min_num',
max : 10000
},
notEmpty : {
message : 'Please enter the number'
}
}
}
和HTML:
<div class="form-group">
<label class="col-md-2 control-label">Min num</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"> </span> <input type="number"
class="form-control" id="min_num" name="min_num" min="0"
required data-bind="value:replyNumber" />
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Max num</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"> </span> <input type="number"
class="form-control" id="max_num" name="max_num" min="0" required
data-bind="value:replyNumber" />
</div>
</div>
</div>
最小数
最大数
请帮忙谢谢我找到了解决办法。只是稍微修改了一下我的HTML代码,它工作得非常完美:D
<div class="form-group">
<label class="col-md-2 control-label">Min num</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"> </span> <input type="number"
class="form-control" id="min_num" name="min_num" min="0"
required data-bind="value:replyNumber" />
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Max num</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"> </span> <input type="number"
class="form-control" id="max_num" name="max_num"
min=min_num required
data-bind="value:replyNumber" />
</div>
</div>
</div>
最小数
最大数
您也在使用敲除吗?是的,我尝试用整数代替整数来输入数字,但仍然不起作用:(您是否尝试过使用event()?否。我的整个验证是这样的,当您键入错误的输入字段时,它会变为红色,当它的ok输入字段为绿色时,我希望这样进行验证?