Bootstrap 表单验证formValidation 之比较两个input值的大小
2017-06-02 10:01
561 查看
老规矩先上效果图
1
2
3
4
A两个input必须满足大于10;
B当输入其中一个input时,且满足A条件,如果另一个input为空,这个文本框通过;
C最小时长<最大时长;
html 片段
js
1
2
3
4
A两个input必须满足大于10;
B当输入其中一个input时,且满足A条件,如果另一个input为空,这个文本框通过;
C最小时长<最大时长;
html 片段
<td style="min-width:325px;"> <div class="input-group " > <div class="input-group-addon">最小时长</div> <input type="text" class="form-control" name="minTime" placeholder="不得小于10分钟" /> <div class="input-group-addon">分钟</div> </div> </td> <td style="min-width:325px;"> <div class="input-group " > <div class="input-group-addon">最大时长</div> <input type="text" class="form-control" name="maxTime" placeholder="不得小于10分钟" /> <div class="input-group-addon">分钟</div> </div> </td>
js
var fields={}; fields. minTime=toGreaterThan("maxTime") fields. maxTime=toGreaterThan("minTime") $('#defaultForm').formValidation({ message: '此值无效', row: { selector: 'td' }, icon: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, locale: 'zh_CN', fields:fields, })
function toGreaterThan(box){ var obj={ verbose: false, validators: { notEmpty: { message: '这是必填字段' }, digits: { message: '值必须是整数' }, greaterThan: { value: 10, message: '必须大于10' }, callback: { message: '最小时长必须小于最大时长', callback: function(value, validator, $field) { var otherbox = validator.getFieldElements(box).val();//获得另一个的值 if (otherbox == '' ) { return true; } if(box=="minTime"){ if (parseInt(otherbox)<parseInt(value)) { //当前文本框满足条件,box的文本框也满足条件,更新box文本框的状态; validator.updateStatus(box, validator.STATUS_VALID, 'callback'); return true; } }else{ if (parseInt(otherbox)>parseInt(value)) { //当前文本框满足条件,box的文本框也满足条件,更新box文本框的状态; validator.updateStatus(box, validator.STATUS_VALID, 'callback'); return true; } } return false; } } } } return obj }
相关文章推荐
- jquery validate 比较两个input输入框的值的大小
- Bootstrap 表单验证formValidation 实现远程验证功能
- Bootstrap 表单验证formValidation 之表单动态验证
- 有javascript验证日期的有效性,两个日期的大小比较
- Bootstrap表单验证 formValidation 调整反馈图标位置
- vue结合bootstrap表单验证 FormValidation 图片验证
- javascript验证日期的有效性,两个日期的大小比较
- BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
- bootstrap 表单验证formValidation的remote填坑
- Bootstrap 表单验证formValidation 之远程验证
- bootstrap-validation 对表单进行比较全的验证
- Bootstrap 表单验证formValidation 实现表单动态验证功能
- ·vc 中读取两个不同的excel表中的某个格中的数并比较二者大小?请各位指教
- Java 小例子:不通过逻辑运算和类库,比较两个 integer 大小
- .Net 中如何比较两个版本号的大小
- (C#)两个DataTime类型数据比较大小
- 用Groovy实现判断两个int数值大小(不用比较运算符,考虑溢出)
- 比较两个时间大小方法
- 10.4.1 两个控件内容的比较验证
- Javascript中比较两个时间的大小